前提・実現したいこと
RailsにReactを導入するためにreact_rails gemを用いました。
https://qiita.com/k-penguin-sato/items/e3cc04f787cf3254cfae
上記のサイト通りにしたところ
undefined method 'react_component
というエラーが出ました
発生している問題・エラーメッセージ
undefined method `react_component' for #<#<Class:0x00007fb79c43df18>:0x00007fb79c43c6b8>
該当のソースコード
gemfile
source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.7.0' gem 'rails', '~> 6.0.3', '>= 6.0.3.2' gem 'puma', '~> 4.1' gem 'sass-rails', '>= 6' gem 'react-rails' gem 'webpacker', '~> 4.0' gem 'turbolinks', '~> 5' gem 'jbuilder', '~> 2.7' gem 'bootsnap', '>= 1.4.2', require: false group :development, :test do gem 'sqlite3', '~> 1.4' gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] end group :development do gem 'web-console', '>= 3.3.0' gem 'listen', '~> 3.2' gem 'spring' gem 'spring-watcher-listen', '~> 2.0.0' end group :test do gem 'rails-controller-testing' gem 'minitest' gem 'minitest-reporters' gem 'guard' gem 'guard-minitest' gem 'capybara', '>= 2.15' gem 'selenium-webdriver' gem 'webdrivers' end group :production do gem 'pg' end # Windows does not include zoneinfo files, so bundle the tzinfo-data gem gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
app/veiws/staticpages/hello.html
<%= react_component('HelloMessage', name: 'Mike') %>
app/javascript/components/Hello.jsx
var HelloMessage = React.createClass({ render: function() { return ( <h1>Hello {this.props.name}!</h1> ) } });
初めての導入のため根本的に間違っているかもしれません
質問内容に至らない点もあるかと思いますが、どうかご回答して頂けると幸いです。よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。