我是 React 和學習 Redux 的新手。我有一個包含兩個子組件的容器組件。在其中一個子組件（標題組件）中，我有五個按鈕。它的同級組件（Body 組件）根據在 Header 組件中單擊的按鈕呈現不同的視圖。我知道我可以通過保持父組件中的狀態并擁有一個事件處理函數來實現這一點，該函數在單擊按鈕時接收回調函數，但我正在嘗試為更復雜的應用程序學習 Redux。為了實現這一點，我在 Parent 組件中引入了一個處理函數，它根據從傳遞給 Header 組件的回調函數接收到的數據調度一個動作，以更改存儲，從而從 Body 組件呈現適當的視圖。這是代碼示例：父組件：...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);我的問題是：代碼有什么問題？如果我希望組件成為啞組件，那么在組件樹中更深入地調度操作的最佳方法是什么？