javascript - defaultProps 覆盖 delevert 属性

Question

我有一个简单的 react 组件，我向它发送一个 bool 属性，例如 <MenuItem active={notificationMenu.shown} />
但 prop 不会在组件内部发生更改，并且即使我将其传递到元素上也始终为 true

@Radium
export class MenuItem extends Component {
  styles = {
    hidden: {
      listStyleType: "none"
    }
  }
  static propTypes = {
    active: React.PropTypes.bool.isRequired
  }
  static defaultProps = {
    active: true
  }
  render() {
    if(this.props.active) {
      return (
        <li style={this.props.style}>
          {this.props.children}
        </li>
      )
    } else {
      return (
        <li style={[this.styles.hidden, this.props.style]}>&nbsp;</li>
      )
    }
  }
}

Answer 1

Menu 父级迭代 this.props.children 且未使用展开操作的问题{...this.props}。所以我将 props 重写为 undefined，然后 defaultProps 启动。

romseguy 的回答让我考虑再次检查所有父组件