小编Aki*_*aki的帖子

如何在 webpacker 中使用 react-rails?

我用 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)

ruby-on-rails reactjs webpack react-rails webpacker

5
推荐指数
1
解决办法
3508
查看次数

标签 统计

react-rails ×1

reactjs ×1

ruby-on-rails ×1

webpack ×1

webpacker ×1