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