>웹 프론트엔드 >JS 튜토리얼 >React 기본 탭 보기 오류: \'key\' 소품이 포함된 소품 개체가 JSX로 확산되고 있습니다.

React 기본 탭 보기 오류: \'key\' 소품이 포함된 소품 개체가 JSX로 확산되고 있습니다.

PHPz
PHPz원래의
2024-09-12 16:31:01875검색

React native tab view error :A props object containing a

안녕하세요. React Naitve 탭 보기를 사용하여 React Native 최신 버전을 시도할 때 이 오류가 발생했습니다

이 패치로 이 문제가 해결되었습니다

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.