反应组件不会在我的视图上呈现

Question

我在我的项目上安装了react-rails，添加了

gem 'react-rails'

然后我用

rails g react:install

我的index html index.html.erb和react_component助手调用我的componnet

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

我在app / assets / javascript / components / post.jsx

上有这个帖子组件

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

但是我的组件没有在屏幕上呈现

为什么？

Answer 1

只需要在组件中添加prerender：true，就可以了。

axis=1

Answer 2

确保已将<%= javascript_pack_tag 'application' %>指令添加到布局文件中。

在我的情况下，我也忘记运行rails generate react:install，如此处指定的那样：https://github.com/reactjs/react-rails#3-now-run-the-installers，它在app / javascript / packs / application.js中设置了ReactRailsUJS设置

Answer 3

我相信渲染函数中的返回部分需要括号：

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