如何在React组件中设置Cookie

Question

我已经完成了一个欢迎框的编码，可以通过单击按钮将其关闭。 此欢迎只是页面的一部分，现在，我想在该组件中添加cookie，以实现此欢迎框对于每个浏览器仅显示一次。 我是cookie的新手，任何建议都会对我有所帮助。

 var Child = React.createClass({ render: function() { return ( <div className="container"> <p>Welcome to our website</p> <button onClick={this.props.onClick}>close me</button> </div> ); } }); var ShowHide = React.createClass({ getInitialState: function () { return { childVisible: true }; }, render: function() { return( <div> { this.state.childVisible ? <Child onClick={this.onClick} /> : null } </div> ) }, onClick: function() { this.setState({childVisible: !this.state.childVisible}); } }); React.render(<ShowHide />, document.getElementById('container')); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js"></script> <div id="container"> <!-- This element's contents will be replaced with your component. --> </div> 

Answer 1

您可以访问以下链接。 您需要导入react-cookie

如何在React代码中设置Cookie？