未捕获的ReferenceError：在rails应用程序上未定义React

Question

我刚刚开始学习react在教程之后实施rails。前面提到了类似的问题，我尝试了这些解决方案，但它们似乎没有用。

我安装了react-rails gem。

并将以下行添加到appication.js

的application.js

//= require jquery
//= require jquery_ujs
//= require react

我的rails版本 5.1.4 ，jQuery版本 1.12.4

我只想尝试一个简单的 Hello React ，如下所示。

index.html.erb

<div id="react"></div>

main.jsx

let documentReady = () => {
    React.render(
        <h1>Hello React</h1>,
        document.getElementById('react')
    );  
};


$(documentReady);

起初我得到Uncaught TypeError: $ is not a function然后我在 main.jsx

的顶部添加了以下行

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

然后我开始获得Uncaught ReferenceError: React is not defined

因此，我得到了所有这些错误，而不是简单的 Hello React 。非常感谢帮助。