通过子组件映射父组件状态进行更新不会重新渲染父组件

如果父组件的状态由子组件管理或更新，则可以将要传递给子组件的状态作为prop传递，并使用回调从子组件发送更新： // 父组件 class ParentComponent extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; this.updateCount = this.updateCount.bind(this); } updateCount() { this.setState(prevState => ({ count: prevState.count + 1 })); } render() { return ( <div> <h1> Count: {this.state.count} </h1> <ChildComponent count={this.state.count} onUpdate={this.updateCount} /> </div> ); } }

// 子组件 class ChildComponent extends React.Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); } handleClick() { this.props.onUpdate(); } render() { return ( <div> <button onClick={this.handleClick}>Add 1</button> <h2>Child Count: {this.props.count}</h2> </div> ); } }