/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 vote165 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
140 votes541 views5 answers
React js installation
Javascript React
0 vote171 views2 answers
React Class components LifeCycles
Javascript React
0 vote148 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote152 views1 answer
Botão delete no reactjs com class component
Javascript React
5 votes158 views1 answer
React native text wrap
Javascript React
1 vote155 views2 answers
Switch in react
Javascript React
0 vote156 views1 answer
React native typescript nodejs timeout
Javascript React
0 vote147 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
9 votes176 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React