React和ECMA6

Question

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

有什么想法吗？

例如，这不会报告异常：

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

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

Answer 1

函数渲染器需要返回一些东西。渲染函数中没有返回，需要在某个地方声明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 />
  }
}