Ruby on rails 在React for Rails中创建元素

我试图在React js中创建一个带有点击事件的按钮。我不能使用JSX，因为它在Rails中不可用。创建元素时，触发错误“无效组件元素”

var csearch\u btn=React.createClass({
handleClick:函数（索引）{
log（'content_input clicked'）；
}
,
render:function（）{
返回“搜索”；
}
});
ReactDOM.render（csearch_btn，
document.getElementById（'content\u Search\u Btn'）；

我对Rails没有任何经验，但这可能很有趣：谢谢，伙计。这对我很有帮助。如果你使用react_rails gem，它会将JSX编译添加到资产管道中，并提供一些其他有用的功能，以便与rails更和谐地集成这可能会为你节省大量时间。

var csearch_btn = React.createClass({
handleClick: function(index) {
  console.log('content_input clicked');
}
,
render: function() {
return '<button class="btn btn-pill bg-color-blue-4" onClick=   
{this.handleClick()}>Search</button>';
}
});

   ReactDOM.render(csearch_btn ,   
  document.getElementById('content_Search_Btn'));