/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

0 vote341 views1 answer
Clickjacking in react js
Javascript React
1 vote318 views1 answer
Rich editor react
Javascript React
3 votes295 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
2 votes291 views1 answer
How to do a classname variable and string react
Javascript React
17 votes316 views3 answers
Reducer react
Javascript React
0 vote334 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
4 votes319 views1 answer
How to send axios delete to the backend reactjs
Javascript React
1 vote307 views1 answer
How to use react memo hooks
Javascript React
3 votes332 views1 answer
React native run on device command line
Javascript React
9 votes260 views4 answers
Firebase' is not defined no-undef react
Javascript React