Ruby on rails 未捕获引用错误:未在react js中定义控制器

Ruby on rails 未捕获引用错误:未在react js中定义控制器,ruby-on-rails,reactjs,Ruby On Rails,Reactjs,这是我遵循的第二个教程,因为前面的版本和依赖项失败。你可以猜到,我只是想从这里开始 我创建了一个名为约会的控制器。这是我的ControllerJSX,位于components文件夹中 app/assets/js/components/appoints.jsx var Appointments = React.Component({ render: function() { return ( <h1>React calender</h1&

这是我遵循的第二个教程,因为前面的版本和依赖项失败。你可以猜到,我只是想从这里开始

我创建了一个名为
约会
的控制器。这是我的ControllerJSX,位于components文件夹中

app/assets/js/components/appoints.jsx

var Appointments = React.Component({
    render: function() {
        return (
         <h1>React calender</h1>
        )
    }
});

你最可能想做的是

const Appointments = React.createClass({
    // ...
    render() {
    return <div>{this.state.hello}</div>;
  }
});
const约会=React.createClass({
// ...
render(){
返回{this.state.hello};
}
});
如果您计划或拥有内部状态和/或引用,这不是一件非常好的事情

建议您这样做

class Appointments extends React.Component {
   // ...
  render() {
    return <div>{this.state.hello}</div>;
  }
}
class.Component{
// ...
render(){
返回{this.state.hello};
}
}
因此,在您的情况下,您的组件应更改为:

var Appointments = React.Component({
  render: function() {
    return (
     <h1>React calender</h1>
    )
  }
});
var约会=React.Component({
render:function(){
返回(
反应压延机
)
}
});
为此:

class Appointments extends React.Component {
  render() {
    return (
     <h1>React calender</h1>
    )
  }
}
class.Component{
render(){
返回(
反应压延机
)
}
}

您是否尝试过
类组件
@brandNew否我没有。我应该在哪里添加此内容?不要使用
var appoints=React.Component
,而是尝试使用
class appoints extensed React.Component
我刚才按照您所说的替换了该行。现在我在
}处遇到语法错误代码。说
意外标记
我已经发布了一个答案,请看一下。现在显示的是h1元素。但是现在我得到了一个控制台错误,比如
uncaughtreferenceerror:require没有定义。我在下面的另一个教程中遇到了这个错误。如果你能告诉我如何摆脱它,那就太好了。事实上,我已经发布了一个关于这个问题的问题,但无法解决任何问题。您可以分享这个问题的链接吗?
var Appointments = React.Component({
  render: function() {
    return (
     <h1>React calender</h1>
    )
  }
});
class Appointments extends React.Component {
  render() {
    return (
     <h1>React calender</h1>
    )
  }
}