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。