Question

我刚刚将react-rails gem添加到我的项目中，并尝试将一个react组件添加到我的index.html.erb文件中。我使用react组件生成器来创建一个简单的消息/文本元素，但是在我部署到Heroku后它没有显示在我的视图上，但是当我检查页面时它似乎呈现。我不知道为什么这不起作用。

请查看我附上的图片。看起来javascript没有得到编译??

Body inspection part 2

index.html.erb代码

    <h2>Dashboard</h2>
    <%= react_component('Message', text: 'hello') %>
    <h3>Products TEST REACT </h3>

Message.jsx代码

var React = require("react")
class Message extends React.Component {
  render () {
    return (
      <div>
        <div>Text: {this.props.text}</div>
      </div>
    );
  }
}

Message.propTypes = {
  text: React.PropTypes.string
};
module.exports = Message

HTML body inspection

Answer 1

我在安装react-rails之前恢复了git commit并使用了shakacode react-on-rails gem来让它工作

Rails反应组件呈现但在页面上不可见

1 个答案: