react component not rendering on my view

Question

I installed react-rails on my project, added the

gem 'react-rails'

then I used

rails g react:install

I have my index html index.html.erb with the react_component helper calling my componnet

<%= react_component("Post", {title: "Hello World"}) %>

And I have this post component at app/assets/javascript/components/post.jsx

class Post extends React.Component {
  render() {
    return <h1>{this.props.title}</h1>    
  }
}

But my component is not rendering on the screen

why?

Answer 1

Make sure you have added the <%= javascript_pack_tag 'application' %> directive into your layout file.

Also in my case I forgot to run rails generate react:install as specified here: https://github.com/reactjs/react-rails#3-now-run-the-installers which sets up the ReactRailsUJS setup in app/javascript/packs/application.js