首先,这不是重复的!它是相同的'未定义'错误,但完全遵循github(https://github.com/reactjs/react-rails)指南但仍然无法正常工作
的Gemfile:
gem 'rails'
gem 'pg', '~> 0.15'
gem 'sass-rails'
gem 'uglifier'
gem 'coffee-rails'
gem 'therubyracer'
gem 'bootstrap-sass'
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'font-awesome-sass'
gem 'sprockets-rails'
gem 'react-rails'
gem 'turbolinks'
gem 'jbuilder', '~> 2.0'
gem 'sdoc', '~> 0.4.0', group: :doc
的application.js:
//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require bootstrap-sprockets
//= require react
//= require react_ujs
//= require components
application.html:
<!DOCTYPE html>
<html>
<head>
<title>project</title>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag 'application' %>
<%= javascript_include_tag 'react' %>
<%= csrf_meta_tags %>
</head>
<body>
部件/ app.js.jsx:
// var React = window.ReactRailsUJS;
var Hello = React.createClass({
render: function() {
return (
<p>Hello</p>
);
}
});
ReactDOM.render(
<Hello />,
document.getElementById("react-msg")
);
console.log(1);
html文件:
<style type="text/css">
h1, h3 {
font-weight: bold;
}
</style>
<div class="container">
<h1>React JS</h1>
<h3 id="react-msg"></h3>
</div>
development.rb:
Rails.application.configure do
...
# config/environments/development.rb
config.react.variant = :development
# to include react add-ons
config.react.addons = true # defaults to false
end
当我访问该页面时,它说
ReferenceError: React is not defined
我做错了什么?
如果我取消注释以下内容
var React = window.ReactRailsUJS;
它表示createClass不是一个函数,并且对于其他所有React函数都是相同的
答案 0 :(得分:2)
对于遇到这个问题并在这里登陆的任何人来说,从React版本16开始显然是一个问题。原因是原因React.createClass
已弃用。相反,你应该使用createReactClass
。
许多(现在很旧的)文档提供了这样的示例:
var HelloMessage = React.createClass({
render: function() {
return (
<h1>Hello {this.props.name}!</h1>
)
}
});
相反,你应该使用它:
var HelloMessage = createReactClass({
render: function() {
return (
<h1>Hello {this.props.name}!</h1>
)
}
});
我只能假设他们没有更新他们的示例,截至2017年11月,当您搜索react-rails
时,其中许多内容仍在显示。