reactjs - 如果元素的 proptype 是默认值？

Question

如果我尝试将 proptype 设置为 PropTypes.element(不是必需的)，正确的默认值是什么？

static propTypes = {
    expandable: PropTypes.bool,
    popover: PropTypes.element,
  }

  static defaultProps = {
    expandable: false,
    popover: () => {},
  }

谢谢

Answer 1

React 中正确的默认组件或不存在的组件是 null。您可以在 render() 中使用它，如下所示:

render() {
    return (
        <div>{this.props.popover ? this.props.popover : null}</div>
    );
}

或者简单地在 staticProps 中定义它:

static defaultProps = {
    expandable: false,
    popover: null,
}