I am trying to shift from react-rails to webpacker for my Rails 5.1.3 app - and am using the webpacker-react gem. Everything seems to be loading fine (no errors), however the React component itself won't render.
in application.js
import WebpackerReact from 'webpacker-react'
import UserSchedule from 'components/userschedule'
console.log('First test')
<%= react_component 'UserSchedule', render(template: 'appts/user-sched.json.jbuilder') %>
var React = require('react');
var ReactDOM = require('react-dom');
console.log('User schedule file test')
class UserSchedule extends React.Component {
render() {
console.log('User schedule inside render')
return (
<div className="container-fluid">
<p>TEST THAT THIS WORKS</p>
</div>
);
}
}
User schedule outside test
First test
<div data-react-class="UserSchedule" data-react-props=""{\"appts\":[{\"title\":\"Isobel ...
Try to add this to your js file
WebpackerReact.setup({UserSchedule})
and this too
var React = require('react');
var ReactDOM = require('react-dom');
console.log('User schedule file test')
class UserSchedule extends React.Component {
render() {
console.log('User schedule inside render')
return (
<div className="container-fluid">
<p>TEST THAT THIS WORKS</p>
</div>
);
}
}
export default UserSchedule; //add this