国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Redux ストアの値が変更されたときに React Tab コンポーネントがアクティブなタブを更新しない
P粉950128819
P粉950128819 2023-08-31 17:49:11
0
2
711
<p>React アプリケーションで Chakra UI Tab コンポーネントを使用しています。 Redux に數(shù)値が保存されており、その値に基づいてアクティブなタブを変更したいと考えています。ただし、ストア內(nèi)の數(shù)値を更新しても、アクティブなタブはそれに応じて変更されません。この問題はどうすれば解決できますか? </p> <p><code>MyTabs</code> コンポーネントのコードは次のとおりです。</p> <pre class="brush:php;toolbar:false;">function MyTabs() { const 番號(hào) = useSelector(selectnumber); コンソール.ログ(番號(hào)); 戻る ( <タブのデフォルトインデックス={數(shù)値}> <タブパネル> <タブパネル> <Image boxSize="200px" fit="cover" src="" /> </TabPanel> <タブパネル> <Image boxSize="200px" fit="cover" src="" /> </TabPanel> </TabPanels> <タブリスト> <Tab>ナルト</Tab> <Tab>サスケ</Tab> </TabList> </タブ> ); }</pre></p>
P粉950128819
P粉950128819

全員に返信(2)
P粉567281015

Redux の値が変更されたときに Chakra UI Tab コンポーネントのアクティブなタブが更新されるようにするには、React が提供する useEffect フックを使用できます。 useEffect フックを使用すると、特定の依存関係が変更されたときにアクティブなタブを更新するなどの副作用を?qū)g行できます。

MyTabs コンポーネントは次のように変更できます:

リーリー

この更新されたコードでは、useEffect フックを使用して、値が変更されたときに操作 (updateNumber) をディスパッチします。數(shù)値更新を処理するために、Redux スライスに適切な操作とリデューサー ロジック (selectNumber) が実裝されていることを確認(rèn)してください。

これを行うと、Redux に保存されている數(shù)値に基づいてアクティブなタブが自動(dòng)的に更新されます。

P粉953231781

defaultIndex プロパティは次のとおりです:

制御コンポーネントと非制御コンポーネント および デフォルト値 ドキュメント:

を參照してください。

制御されたタブを使用できます リーリー

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート