5
如何在React / Redux / Typescript通知消息中从自身上卸下，取消渲染或删除组件
我知道这个问题已经被问过几次了，但是在大多数情况下，解决方法是在父级中解决这个问题，因为责任流只是在下降。但是，有时您需要使用一种方法杀死组件。我知道我无法修改其道具，并且如果我开始添加布尔值作为状态，那么对于一个简单的组件来说，它将会变得非常混乱。这是我要实现的目标：一个小的错误框组件，带有一个“ x”将其关闭。通过其道具接收到错误将显示该错误，但是我想一种从其自己的代码中关闭该错误的方法。 class ErrorBoxComponent extends React.Component { dismiss() { // What should I put here? } render() { if (!this.props.error) { return null; } return ( <div data-alert className="alert-box error-box"> {this.props.error} <a href="#" className="close" onClick={this.dismiss.bind(this)}>&times;</a> </div> ); } } export default ErrorBoxComponent; 我会在父组件中这样使用它： <ErrorBox error={this.state.error}/> 在本节中 我应该在这里放什么？，我已经尝试过： ReactDOM.unmountComponentAtNode(ReactDOM.findDOMNode(this).parentNode); 这在控制台中引发了一个不错的错误： 警告：unmountComponentAtNode（）：您尝试卸载的节点是由React渲染的，不是顶级容器。而是让父组件更新其状态并重新渲染，以删除此组件。 …