Question

我在我的Rails项目中使用react_component。这会为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_rails doco（Helper's signature）并发现我可以添加传递html_options。

所以：

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

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

1 个答案: