Select

const DoThisExample = () => {
	const [value, setValue] = React.useState()
	return (
		<Form>
			<Form.Select
				label="Home Planet"
				placeholder="Choose Planet"
				onChange={(event, value) => setValue(value.value)}
				value={value}
				options={[
					{key:1, value: 1, text: 'Alderaan'},
					{key:2, value: 2, text: 'Bespin'},
					{key:3, value: 3, text: 'Coruscant'},
					{key:4, value: 4, text: 'Dagobah'},
					{key:5, value: 5, text: 'Hoth'},
					{key:6, value: 6, text: 'Kashyyyk'},
					{key:7, value: 7, text: 'Naboo',},
					{key:8, value: 8, text: 'Tatooine'},
					{key:9, value: 9, text: 'Yavin'},
				]}
			/>
		</Form>
	)
}
render (DoThisExample)

const DontDoThisExample = () => {
	const [planet, setPlanet] = React.useState(0)
	return (
		<Form>
			<Form.Group grouped>
				<label>Home Planet</label>
				<Form.Radio
					label="Alderaan"
					checked={planet === 1}
					onChange={() => setPlanet(1)}
				/>
				<Form.Radio
					label="Bespin"
					checked={planet === 2}
					onChange={() => setPlanet(2)}
				/>
				<Form.Radio
					label="Coruscant"
					checked={planet === 3}
					onChange={() => setPlanet(3)}
				/>
				<Form.Radio
					label="Dagobah"
					checked={planet === 4}
					onChange={() => setPlanet(4)}
				/>
				<Form.Radio
					label="Hoth"
					checked={planet === 5}
					onChange={() => setPlanet(5)}
				/>
				<Form.Radio
					label="Kashyyyk"
					checked={planet === 6}
					onChange={() => setPlanet(6)}
				/>
				<Form.Radio
					label="Naboo"
					checked={planet === 7}
					onChange={() => setPlanet(7)}
				/>
				<Form.Radio
					label="Tatooine"
					checked={planet === 8}
					onChange={() => setPlanet(8)}
				/>
				<Form.Radio
					label="Yavin"
					checked={planet === 9}
					onChange={() => setPlanet(9)}
				/>
			</Form.Group>
		</Form>
	)
}
render