ReactJs中的Rails image_tag帮手

Question

我使用this way获取我的方法在我的js中，如current_user等。我需要在我的js中获取image_tag。为什么？我将这些图像存储在资产管道中，因此一旦我上传到Heroku，它会在图像文件名的末尾添加一个奇怪的字符串，即：foo.png变为foo-hkjghhgasb87ysbsb.png。

因此，一个html.erb文件中：

<div id="foo" data-editBtn="<%= image_tag("icons/ic_mode_edit_black_24px.svg", height: '24', width: '24') %>"></div> 

js.jsx文件：

var el = document.getElementById('foo'); 
{el.dataset.editBtn} 

有没有办法让helper方法工作的反应或。 ..如何添加资产管道中的图像？

Answer 1

猜猜我会回答这个问题。基于该heroku docs有关资产管道的图像，我想：

html.erb：

<div id="foo" data-btn="<%= asset_path('logo.png') %>"></div> 

js.jsx：

var el = document.getElementById('foo'); 
<div><img src={el.dataset.btn}></img></div> 

没有我得到的图像中js担心生成的finderprint。