Heim > Artikel > Web-Frontend > Reagieren Sie auf den Fehler der nativen Tab-Ansicht: Ein Requisitenobjekt, das eine „Schlüssel“-Requisite enthält, wird in JSX verbreitet
Hallo, ich habe diesen Fehler erhalten, als ich versucht habe, auf die native, späteste Version mit der Tab-Ansicht „Reagieren auf Naitve“ zu reagieren
Dieser Patch hat dieses Problem behoben
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} /> )} </> );
Das obige ist der detaillierte Inhalt vonReagieren Sie auf den Fehler der nativen Tab-Ansicht: Ein Requisitenobjekt, das eine „Schlüssel“-Requisite enthält, wird in JSX verbreitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!