反应和ECMA6

Question

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

有什么想法吗？

例如，这不会报告异常：

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

class Demo extends React.Component {
  render() {
    return <Child />
  }
}

Answer 1

函数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 />
  }
}