javascript - React 使用状态来显示，否则隐藏

Question

我在 react 中使用的状态是:

{this.state.showorhide &&
    <MyComponent />
}

此时它会显示是否隐藏。

如果 showorhide 已经为真，如何添加一个条件，否则它将隐藏？

Answer 1

检查一下

constructor(props) {
    super(props);
    this.state = {
        showorhide: false
    };
}

render() {
    const { showorhide } = this.state;
    return (
        { showorhide ? <MyComponent /> : <HideComponent /> }
    );
}