我刚刚开始玩反应宝石 https://github.com/reactjs/react-rails但我似乎遇到了问题。使用下面的代码,每当我路由到 React 示例页面时,我注意到浏览器开发人员控制台中会显示“React 未定义”。它指的是这一行:
var react_example = React.createClass({
这是在React_example.js.jsx文件(见下文)。
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'
开发.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>
);
}
});
尝试切换你的 JS 包含:
<%= javascript_include_tag "react" %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
由于您在应用程序 JS 中使用 React,因此需要首先定义它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)