Menu
I just started to play around with the react gem but I seem to running into issues. With the code below, whenever I get routed to my react example page, I notice in the browser developer console, it will say "React is not defined." It's referring to this line:
var react_example = React.createClass({
which is in the react_example.js.jsx file (see below).
Gemfile
#... as well as other gems...
gem 'nokogiri'
gem 'react-rails' #<------ React
gem 'less-rails'
gem 'therubyracer'
gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
development.rb
config.react.variant = :development
config.react.addons = true
application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>React example</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= javascript_include_tag "react" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>
react_example.js.jsx
/** @jsx React.DOM */
var react_example = React.createClass({
render: function () {
return (
<div>
<h5>React</h5>
</div>
);
}
});
554
Try switching your JS includes:
<%= javascript_include_tag "react" %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
Since you use React in your application JS, it needs to be defined first.
100
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
