/Javascript/React/React-select-search useSelect hook

React-select-search useSelect hook

import React from 'react';
import { useSelect } from 'react-select-search';

const CustomSelect = ({ options, value, multiple, disabled }) => {
    const [snapshot, valueProps, optionProps] = useSelect({
        options,
        value,
        multiple,
        disabled,
    });

    return (
        <div>
            <button {...valueProps}>{snapshot.displayValue}</button>
            {snapshot.focus && (
                <ul>
                    {snapshot.options.map((option) => (
                        <li key={option.value}>
                            <button {...optionProps} value={option.value}>{option.name}</button>
                        </li>
                    ))}
                </ul>
            )}
        </div>
    );
};

Source: npmjs.com

Similar codes

1 vote344 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
0 vote378 views2 answers
React native icons in one file
Javascript React
0 vote345 views2 answers
React import image with url
Javascript React
133 votes523 views6 answers
Using bootstrap with react
Javascript React
0 vote362 views1 answer
How to remove the top border from table react bootstrap
Javascript React
0 vote386 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
18 votes319 views6 answers
How to import svg in react
Javascript React
5 votes365 views1 answer
Laravel react
Javascript React
0 vote373 views1 answer
React native map repeate
Javascript React
11 votes364 views2 answers
Shadow using react native
Javascript React