我用 webpacker 创建了示例项目 react-rails。但显示错误“未捕获的引用错误:未定义人员”。帮助我 如何在 webpacker 中使用 react-rails?我进行的处理如下。
Rails 版本
$ rails -v
Rails 5.0.2
Run Code Online (Sandbox Code Playgroud)
宝石版
react-rails (2.1.0)
webpacker (1.1)
Run Code Online (Sandbox Code Playgroud)
创建 Rails 项目
$ rails new example
Run Code Online (Sandbox Code Playgroud)
将 webpacker 和 react-rails 添加到 Gemfile
gem 'webpacker', github: 'rails/webpacker'
gem "react-rails"
Run Code Online (Sandbox Code Playgroud)
安装 webpacker 并做出反应
$ rails webpacker:install
$ rails webpacker:install:react
$ rails generate react:install
Run Code Online (Sandbox Code Playgroud)
创建控制器
$ bin/rails g controller home
Run Code Online (Sandbox Code Playgroud)
添加路线
config/routes.rb
root "home#index"
Run Code Online (Sandbox Code Playgroud)
添加反应组件
$ bin/rails g react:component person name --es6
Run Code Online (Sandbox Code Playgroud)
添加 react_component 标签
app/views/home/index.html.erb
<%= react_component("Person", { name: "Hello" }) …Run Code Online (Sandbox Code Playgroud)