/Javascript/React/React-native-dropdown-picker for form react native

React-native-dropdown-picker for form react native

import React, { useState } from 'react';
import SelectPicker from 'react-native-form-select-picker'; // Import the package
//...
const options = ["Apple", "Banana", "Orange"];
const YourComponent = ({ /* your props */ }) => {
	const [selected, setSelected] = useState();
	return (
		//...

		<SelectPicker
			onValueChange={(value) => {
				// Do anything you want with the value. 
				// For example, save in state.
				setSelected(value);
			}}
			selected={selected}
			>
			
			{Object.values(options).map((val, index) => (
				<SelectPicker.Item label={val} value={val} key={index} />
			))}

		</SelectPicker>

		//...
	)
}

Source: npmjs.com

Similar codes

0 vote46 views1 answer
Disable enter on input field react
Javascript React
8 votes45 views1 answer
React.Fragmen
Javascript React
0 vote43 views1 answer
React router dom change default path
Javascript React
16 votes44 views6 answers
React useState hook
Javascript React
0 vote46 views3 answers
Image border shadow react native
Javascript React
0 vote47 views2 answers
Loader in react
Javascript React
-1 vote42 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote55 views5 answers
Arrow function component react shortcut vscode
Javascript React
13 votes51 views4 answers
Passing data in react router history,push
Javascript React
15 votes47 views3 answers
React native expo navigation
Javascript React