1.0.4 • Published 2 years ago
react-controlled-select v1.0.4
React controlled Select
This is a React controlled select.
How to install
npm i react-controlled-select
Usage
This component require 3 props to work:
- options: an array of objects
- selected: an object
- setSelected: the function to set the currently selected option
A single option must follow this structure :
const option = {
name: 'Option name',
value: 'option value'
}
A set of options look like this:
const options = [
{
name: 'Option 1',
value: 'test'
},
{
name: 'Option 2',
value: 'two'
}
]
Example:
import React, { useState } from 'react'
import Select from 'react-controlled-select'
const ParentComponent = () => {
const currentOptions = [
{
name: 'Option 1',
value: 'one'
},
{
name: 'Option 2',
value: 'two'
},
]
const [selectedOption, setSelectedOption] = useState(currentOptions[0])
return <Select options={currentOptions} selected={selectedOption} setSelected={setSelectedOption} />
}