Search Bar Bug On user Input
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react-native
- Ambito
- mobile
Direzione di ricerca
Start at the SearchBar component named in the warning and inspect the Themed.Icon props passed during search input. Reproduce the warning by entering text in the search bar, then verify that the warning no longer appears and search still works smoothly.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Is there an existing issue for this?
- I have searched the existing issues
Explain what you did
The above error i mentioned in the title occurred in my react native app when i use the this library.
The Error persist when user click on search bar and enter something on first time.
This is the detailed Error Message:
ERROR Warning: A props object containing a "key" prop is being spread into JSX:
let props = {key: someKey, type: ..., size: ..., color: ..., name: ..., onPress: ...};
<Themed.Icon {...props} />
React keys must be passed directly to JSX without using spread:
let props = {type: ..., size: ..., color: ..., name: ..., onPress: ...};
<Themed.Icon key={someKey} {...props} />
in SearchBar (created by SearchBar)
in SearchBar
in Themed.SearchBar (created by SwipeList)
in RCTView (created by View)
in View (created by SwipeList)
in RCTView (created by View)
in View (created by SwipeList)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by SwipeList)
in RCTView (created by View)
in View (created by SwipeList)
in SwipeList (created by BetaCrmContainer)
in RCTView (created by View)
in View (created by BetaCrmContainer)
in RCTView (created by View)
in View (created by BetaCrmContainer)
in RCTView (created by View)
in View (created by BetaCrmContainer)
in BetaCrmContainer (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by Animated(Anonymous))
in Animated(Anonymous)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze
in InnerScreen (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RCTView (created by View)
in View (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by StackView)
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (created by AppStack)
in AppStack (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by Animated(Anonymous))
in Animated(Anonymous)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze
in InnerScreen (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RCTView (created by View)
in View (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by StackView)
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (created by RootStack)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by RootStack)
in RootStack (created by App)
in RCTView (created by View)
in View (created by MenuProvider)
in RCTView (created by View)
in View (created by MenuProvider)
in MenuProvider (created by App)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by App)
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by App)
in App
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
Expected behavior
The expected behavior is that the search need to work smoothly and didn't throw any warning or error
Describe the bug
The Bug persist when user try to enter something in search bar
BUG:
ERROR Warning: A props object containing a "key" prop is being spread into JSX:
let props = {key: someKey, type: ..., size: ..., color: ..., name: ..., onPress: ...};
<Themed.Icon {...props} />
React keys must be passed directly to JSX without using spread:
let props = {type: ..., size: ..., color: ..., name: ..., onPress: ...};
<Themed.Icon key={someKey} {...props} />
in SearchBar (created by SearchBar)
in SearchBar
in Themed.SearchBar (created by SwipeList)
in RCTView (created by View)
in View (created by SwipeList)
in RCTView (created by View)
in View (created by SwipeList)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by SwipeList)
in RCTView (created by View)
in View (created by SwipeList)
in SwipeList (created by BetaCrmContainer)
in RCTView (created by View)
in View (created by BetaCrmContainer)
in RCTView (created by View)
in View (created by BetaCrmContainer)
in RCTView (created by View)
in View (created by BetaCrmContainer)
in BetaCrmContainer (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by Animated(Anonymous))
in Animated(Anonymous)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze
in InnerScreen (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RCTView (created by View)
in View (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by StackView)
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (created by AppStack)
in AppStack (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by Animated(View))
in Animated(View) (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by Animated(Anonymous))
in Animated(Anonymous)
in Suspender (created by Freeze)
in Suspense (created by Freeze)
in Freeze (created by DelayedFreeze)
in DelayedFreeze
in InnerScreen (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RCTView (created by View)
in View (created by SafeAreaProviderCompat)
in SafeAreaProviderCompat (created by StackView)
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (created by RootStack)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by RootStack)
in RootStack (created by App)
in RCTView (created by View)
in View (created by MenuProvider)
in RCTView (created by View)
in View (created by MenuProvider)
in MenuProvider (created by App)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by App)
in RNGestureHandlerRootView (created by GestureHandlerRootView)
in GestureHandlerRootView (created by App)
in App
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in xcelerate(RootComponent)
Steps To Reproduce
go to search bar
click on it
enter something in search bar
this happened
Screenshots
Your Environment
`npx @rneui/envinfo`
```
Output from `npx @rneui/envinfo` goes here.
```
- Lingua principale
- MDX
- Stelle
- 25.9k
- Fork
- 4.7k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di react-native-elements/react-native-elements
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
react-native-elements/react-native-elements#4035 · 1 commento ·
-
Needs Triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
react-native-elements/react-native-elements#3963 · 2 commenti · 2 reazioni ·
-
component: Button
react-native-elements/react-native-elements#4032 · 1 assegnatario ·
-
TS Bug - @rneui/base@5.0.0 — Undeclared type dependency causes IconProps to lose color/name/size Apertacomponent: Icon
react-native-elements/react-native-elements#4027 · 2 commenti · 4 reazioni · 1 assegnatario ·
-
📞 Needs Response from Author
react-native-elements/react-native-elements#4022 · 9 commenti · 2 reazioni · 1 assegnatario ·
Tutte le issue di react-native-elements/react-native-elements
Issue simili
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
hemilabs/ui-monorepo#2323 ·
-
Needs: Author Feedback Needs: Repro
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 92/100
react/react-native#58621 · 1 commento ·
-
contributor: external needs review
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
ionic-team/capacitor#8616 ·
-
code quality good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 90/100