javascript - React中使用localstorage一次显示组件的方法

Question

我有一个要在用户加载网站后显示的组件。然后，如果他们单击关闭它不应该显示。使用 ComponentDidMount() 执行此操作的最佳方法是什么？我假设点击退出状态应该在 componentDidMount 中？

class App extends Component {
    constructor(props){
        super(props);
        this.state = {
            wasShown: false
         }
         console.log(this.props)
    }
    componentDidMount() {

    }
    render(){

        return ( 
            <div>
                {  !wasShown ? <MyComponent /> : '' } 
            </div>
        );
    }
};

Answer 1

我希望这项工作。

class App extends Component {
    constructor(props){
        super(props);


        this.state = {
            wasShown: localStorage.getItem("wasShown") ? true : false
        }
    }

    close() {
        localStorage.setItem('wasShown', 'true')

        this.setState({ wasShown: true })
    }

    render() {
        return ( 
            <div>
                {  !wasShown ? <MyComponent onClick={this.close.bind(this)} /> : '' } 
            </div>
        )
    }
}