在ReactJs中使用Rails image_tag帮助程序

时间:2015-11-10 19:27:01

标签: javascript ruby-on-rails html5 ruby-on-rails-4 reactjs

我使用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方法起作用?或者如何添加资产管道中的图像?

1 个答案:

答案 0 :(得分:0)

猜猜我会回答这个问题。基于资产管道中的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。