什么是反应空:*？

Question

反应空

<div data-reactroot>
<!-- react-empty: 3 -->
<!-- react-empty: 26 -->
</div>

这个节点是什么？为什么它可以渲染到React组件？这样怎么办？

Answer 1

这实际上是React对以下内容的内部支持的null一部分:

// A perfectly valid component
() => null

// Also a perfectly valid component
const MyComponent = React.createClass({
  render() {
    if (this.props.hidden) return null;
    return <p>My component implementation</p>;
  }
});