Redux の値が変更されたときに Chakra UI Tab コンポーネントのアクティブなタブが更新されるようにするには、React が提供する useEffect フックを使用できます。 useEffect フックを使用すると、特定の依存関係が変更されたときにアクティブなタブを更新するなどの副作用を?qū)g行できます。
MyTabs コンポーネントは次のように変更できます:
リーリーこの更新されたコードでは、useEffect フックを使用して、値が変更されたときに操作 (updateNumber) をディスパッチします。數(shù)値更新を処理するために、Redux スライスに適切な操作とリデューサー ロジック (selectNumber) が実裝されていることを確認(rèn)してください。
これを行うと、Redux に保存されている數(shù)値に基づいてアクティブなタブが自動(dòng)的に更新されます。