Javascript 与ECMA6反应

Javascript 与ECMA6反应,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,我使用的是ECMA6 classe和React,但遇到的情况是,嵌套组件的render()方法中的异常不会得到报告 有什么想法吗 例如,这不会报告异常: class Child extends React.Component { render() { foo; // Throws exception, "foo is undefined" } } class Demo extends React.Component { render() { return <C

我使用的是ECMA6 classe和React,但遇到的情况是,嵌套组件的
render()
方法中的异常不会得到报告

有什么想法吗

例如,这不会报告异常:

class Child extends React.Component {
  render() {
    foo; // Throws exception, "foo is undefined"
  }
}

class Demo extends React.Component {
  render() {
    return <Child />
  }
}
类子级扩展React.Component{
render(){
foo;//引发异常,“foo未定义”
}
}
类Demo扩展了React.Component{
render(){
返回
}
}

函数render需要返回一些东西。渲染函数中没有返回,需要在某处声明foo

class Child extends React.Component {
  render() {
    let foo = <span>HelloWorld</span>;
    return foo; // foo is now defined
  }
}

class Demo extends React.Component {
  render() {
    return <Child />
  }
}
类子级扩展React.Component{
render(){
让foo=HelloWorld;
return foo;//现在定义了foo
}
}
类Demo扩展了React.Component{
render(){
返回
}
}

您可能需要先定义foo,也许在“子”组件之前?或者您在某个地方定义了它,这是您的完整代码吗?我复制并粘贴了您的代码,我看到
uncaughtreferenceerror:foo未按预期定义。您是否记得使用
React.render(,document.getElementById('page'))将Demo呈现为根组件或类似的东西?