Я изучаю React.js с Rails 4.2 (чтобы подготовиться к работе над ним), но у меня в консоли много ошибок.
Поэтому я использую React 16.8 (сact-railsgem) + Rails 4.2 + Webpacker 4.0.2
Структура моих папок:
app
|
javascript
|
packs
|
application.js
server_rendering.js
components
|
main.js.jsx
header.js.jsx
body.js.jsx
new_item.js.jsx
all_items.js.jsx
В макете приложения я добавил = javascript_pack_tag('application')
В моем представлении индекса у меня есть = react_component('Main')
Но у меня есть следующие ошибки:
Это мое приложение. Js:
var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);
main.js.jsx:
var Main = React.createClass({
render() {
return (
<div>
<Header />
<Body />
</div>
);
}
});
Я пытался добавить import React from ‘react’
в main.js.jsx
, но у меня все еще есть ошибки.
я впервые использую React, я не знаю, где искать ...Любая помощь будет очень признателен
Спасибо