ruby-on-rails - Rails 远程链接_以 React 函数响应

Question

所以我对 React 还是很陌生，基本上是通过重构现有的 Rails 5 应用程序来学习它。

我的应用程序目前正在使用 Bootstrap，所以我的想法是将导航链接更改为远程，然后让 js 响应执行功能组件的 React 渲染，所以我结束了这个：

应用程序.html.erb

...    
<li class="nav-item">
     <%= link_to 'Adventure', adventure_index_path, class: "nav-link", remote: true %>
</li>
...

意见/冒险/index.js.erb

function Adventure(props) {
    return (
        <React.Fragment>
            <div class="col-sm-9">
                {props.test}
            </div>
        </React.Fragment>
    );
}

ReactDOM.render(<Adventure />, document.getElementById('content'));

这只是给出了“意外令牌'<'”的控制台错误，显然意味着它没有将其解释为 React，那么我该如何告诉它这样做呢？

从我的研究中，我有一种印象，这不是人们这样做的方式，但对我来说，这似乎是最直接的并且需要最少的额外代码，并且基本上只是以与我相同的方式来做香草 JS/JQuery。

标签： ruby-on-railsreactjs