我是 React 和學習 Redux 的新手。我有一個包含兩個子組件的容器組件。在其中一個子組件（標題組件）中，我有五個按鈕。它的同級組件（Body 組件）根據(jù)在 Header 組件中單擊的按鈕呈現(xiàn)不同的視圖。我知道我可以通過保持父組件中的狀態(tài)并擁有一個事件處理函數(shù)來實現(xiàn)這一點，該函數(shù)在單擊按鈕時接收回調(diào)函數(shù)，但我正在嘗試為更復雜的應用程序學習 Redux。為了實現(xiàn)這一點，我在 Parent 組件中引入了一個處理函數(shù)，它根據(jù)從傳遞給 Header 組件的回調(diào)函數(shù)接收到的數(shù)據(jù)調(diào)度一個動作，以更改存儲，從而從 Body 組件呈現(xiàn)適當?shù)囊晥D。這是代碼示例：父組件：...const mapStateToProps = state => {  return {    selectedDS: state.selectedDS  };};const mapDispatchToProps = dispatch => ({  changeDs: selectedDS => dispatch(changeDs(selectedDS)),  dispatch});class Main extends Component {  handleClick = button => {    this.props.dispatch(changeDs(button));  };  render() {    return (      <>        <div className="container">          <div id="header" className="row">            <Header handleClick={this.handleClick} />          </div>          <div className="row">            <DsComponent ds={this.props} />          </div>        </div>      </>    );  }}export default connect(  mapStateToProps,  mapDispatchToProps)(Main);我的問題是：代碼有什么問題？如果我希望組件成為啞組件，那么在組件樹中更深入地調(diào)度操作的最佳方法是什么？