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

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