Discussion on: Forms in React Native, The right way 😎

[moedeveloper]

dev-to-uploads.s3.amazonaws.com/i/...

I dont get it actually :(, any help ?

Also, I am getting this error :(

Warning: Each child in a list should have a unique "key" prop. See fb.me/react-warning-keys for more information.

• node_modules/react-native/Libraries/LogBox/LogBox.js:173:8 in registerError
• node_modules/react-native/Libraries/LogBox/LogBox.js:59:8 in errorImpl
• node_modules/react-native/Libraries/LogBox/LogBox.js:33:4 in console.error
• node_modules/expo/build/environment/react-native-logs.fx.js:27:4 in error
• node_modules/react/cjs/react.development.js:315:4 in printWarning
• node_modules/react/cjs/react.development.js:287:16 in error
• node_modules/react/cjs/react.development.js:1630:9 in validateExplicitKey
• node_modules/react/cjs/react.development.js:1656:27 in validateChildKeys
• node_modules/react/cjs/react.development.js:1806:23 in createElementWithValidation
• src/components/Form.tsx:33:4 in
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:10073:26 in renderWithHooks
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:12882:27 in mountIndeterminateComponent
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:19181:22 in beginWork$1
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:18085:22 in performUnitOfWork
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:18013:38 in workLoopSync
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:17977:18 in renderRootSync
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:17674:33 in performSyncWorkOnRoot
• [native code]:null in performSyncWorkOnRoot
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:5321:31 in runWithPriority$argument_1
• node_modules/scheduler/cjs/scheduler.development.js:653:23 in unstable_runWithPriority
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:5316:21 in flushSyncCallbackQueueImpl
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:5304:28 in flushSyncCallbackQueue
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:17718:28 in batchedUpdates$1
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:2492:29 in batchedUpdates
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:2638:16 in _receiveRootNodeIDEvent
• node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js:2713:25 in receiveEvent
• node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:416:4 in __callFunction
• node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:109:6 in __guard$argument_0
• node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:364:10 in __guard
• node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:108:4 in callFunctionReturnFlushedQueue
• [native code]:null in callFunctionReturnFlushedQueue