向rails添加样式会对组件包装div进行反应

Question

我正在使用react_component我的Rails项目.这会为react.js组件插入包装div ,例如

<div data-react-class="ButtonSwitchToTab" data-react-props="{...}">
  <a href="#" class="btn btn-primary btn-lg" ... data-reactid=".2">
    Add / Invite People
  </a>
</div>

我真正需要的是将样式信息插入到这个包装div中,以便组件适当地对齐,如下所示:

<div data-react-class="ButtonSwitchToTab" data-react-props="{...}"
 style="display:inline-block">  <<<<<------
  <a href="#" class="btn btn-primary btn-lg" ... data-reactid=".2">
    Add / Invite People
  </a>
</div>

适当的方法是什么？

Answer 1

啊,深入react_railsdoco(Helper的签名)并发现我可以添加传递html_options.

所以:

<%= react_component('ButtonSwitchToTab', {prop: .., prop: ..}, 
                    {:style => "display:inline-block"}) %>