简单的JS Javascript输入不工作

我试图学习ReactJS以及Javascript代码如何与ReactJS中的组件交互，但我无法获得一个简单的示例

下面是我的

index.js

文件：

class JsBasic extends React.Component{
  render(){

    return(
      var hello = () => alert('hello')
      hello()
  );
}
}

ReactDOM.render(
  <JsBasic/>
  document.getElementById('root')
  );

非常感谢您的帮助

class JsBasic extends React.Component{
hello = () => {alert('hello')}
 render(){
  return(
   this.hello()
  );
 }
}

范例

---

示例

您不能将变量放入return中，请尝试以下操作：

class JsBasic extends React.Component{
  render(){
    var hello = () => alert('hello')
    return(hello());
  }
}

ReactDOM.render(
  <JsBasic/>
  document.getElementById('root')
  );

JsBasic类扩展了React.Component{
render（）{
var hello=（）=>警报（'hello'）
return（hello（））；
}
}
ReactDOM.render(
document.getElementById（'root'））
);

您不能将变量放入return中，请尝试以下操作：

class JsBasic extends React.Component{
  render(){
    var hello = () => alert('hello')
    return(hello());
  }
}

ReactDOM.render(
  <JsBasic/>
  document.getElementById('root')
  );

JsBasic类扩展了React.Component{
render（）{
var hello=（）=>警报（'hello'）
return（hello（））；
}
}
ReactDOM.render(
document.getElementById（'root'））
);

this.hello（）将抛出错误。此外，hello没有定义。检查Tiago的答案。此.hello（）将抛出错误。此外，hello没有定义。检查蒂亚戈的答案。