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

我在反应中使用状态：

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

此刻它将显示它是否被隐藏。

我如何添加一个条件，如果showorhide已经为true，它将以其他方式隐藏？

最佳答案

看看这个

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

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

关于javascript - react 使用状态显示否则隐藏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53667595/