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

Question

我在反应中使用了一个状态：

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

目前它会显示它是否被隐藏。

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

标签： javascriptreactjs

Answer 1

看看这个

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

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