ホームページ  >  記事  >  ウェブフロントエンド  >  React ネイティブ タブ ビュー エラー: \"key\" プロップを含むプロップ オブジェクトが JSX に拡散されています

React ネイティブ タブ ビュー エラー: \"key\" プロップを含むプロップ オブジェクトが JSX に拡散されています

PHPz
PHPzオリジナル
2024-09-12 16:31:01777ブラウズ

React native tab view error :A props object containing a

こんにちは、React Naitve タブビューでネイティブ最新バージョンに反応しようとすると、このエラーが発生しました

このパッチはこの問題を修正しました

diff --git a/node_modules/react-native-tab-view/src/TabBar.tsx b/node_modules/react-native-tab-view/src/TabBar.tsx
index e8d0b4c..1c3c09f 100644
--- a/node_modules/react-native-tab-view/src/TabBar.tsx
+++ b/node_modules/react-native-tab-view/src/TabBar.tsx
@@ -364,8 +364,7 @@ export function TabBar<T extends Route>({

   const renderItem = React.useCallback(
     ({ item: route, index }: ListRenderItemInfo<T>) => {
-      const props: TabBarItemProps<T> & { key: string } = {
-        key: route.key,
+      const props: TabBarItemProps<T> = {        
         position: position,
         route: route,
         navigationState: navigationState,
@@ -446,9 +445,9 @@ export function TabBar<T extends Route>({
         <>
           {gap > 0 && index > 0 ? <Separator width={gap} /> : null}
           {renderTabBarItem ? (
-            renderTabBarItem(props)
+             renderTabBarItem({ key: route.key, ...props })
           ) : (
-            <TabBarItem {...props} />
+            <TabBarItem key={route.key} {...props} />
           )}
         </>
       );

以上がReact ネイティブ タブ ビュー エラー: \"key\" プロップを含むプロップ オブジェクトが JSX に拡散されていますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。