react-select jsx dropdown props

Manik Hosen answered on July 20, 2022 Popularity 10/10 Helpfulness 4/10

answer react-select jsx dropdown props

related react-select jsx dropdown

related REACT SELECT DROPDOWN

react-select jsx dropdown props

Comment

import { Select } from 'react-jsx-select';

<Select
	options={[
		{ value: 1, label: 1, jsx: <span>1</span> },
		{ value: 2, label: 2, jsx: <span>2</span> },
		{ value: 3, label: 3, jsx: <span>3</span> },
		{ value: 4, label: 4, jsx: <span>4</span> },
		{ value: 5, label: 5, jsx: <span>5</span> },
	]}
	onChange={(value) => console.log(value)}
	name='sample'
	placeholder='Select Please...'
	defaultValue={2}
	disabled={true}
	required={false}
	className='form-control'
	listStyle={{
		backgroundColor: '#fafafa',
		border: '1px solid #ccc',
	}}
	activeItemStyle={{ backgroundColor: '#e0e000' }}
/>;

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: www.npmjs.com

Tags: dropdown javascript jsx react-select

Link to this answer
Share Copy Link

Contributed on Dec 01 2022

Manik Hosen

0 Answers Avg Quality 2/10

Closely Related Answers

react-select jsx dropdown

Comment

import { Select } from 'react-jsx-select';

<Select
	options={[
		{ value: 1, label: 1, jsx: <span>1</span> },
		{ value: 2, label: 2, jsx: <span>2</span> },
		{ value: 3, label: 3, jsx: <span>3</span> },
		{ value: 4, label: 4, jsx: <span>4</span> },
		{ value: 5, label: 5, jsx: <span>5</span> },
	]}
	onChange={(value) => console.log(value)}
/>;

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.npmjs.com

Tags: dropdown dropdow

Link to this answer
Share Copy Link

Contributed on Dec 01 2022

Manik Hosen

0 Answers Avg Quality 2/10

REACT SELECT DROPDOWN

Comment

const [tags, setTags] = useState([])
const [tagsData, setTagsData] = useState([]);

useEffect(() => {
        (async () => {
            const { data } = await axios(`${process.env.REACT_APP_API_URL}/tag`);
            setTagsData(data);
            setTags([data[0]]);
        })();
    }, []);

<Select
    id="react-select-tag"
    isMulti
    options={tagsData}
    hideSelectedOptions={false}
    getOptionLabel={(option) => option.content_tag}
    getOptionValue={(option) => option.id} // using id as it is unique
    value={tags}
    onChange={(selected) => setTags(selected)}
/>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: dropdown dropdow

Link to this answer
Share Copy Link

Contributed on Jul 20 2022

Wild Weevil

0 Answers Avg Quality 2/10

react-select jsx dropdown props

Contents

More Related Answers

react-select jsx dropdown props

Closely Related Answers

react-select jsx dropdown

REACT SELECT DROPDOWN

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.