/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 vote357 views1 answer
Get image from gallery react native
Javascript React
0 vote389 views1 answer
Uuid react native expo
Javascript React
0 vote348 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
0 vote358 views1 answer
React Alert when rate changes
Javascript React
0 vote340 views1 answer
Scirpt tag react
Javascript React
2 votes336 views2 answers
Prevent refresh react
Javascript React
0 vote343 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote374 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote327 views1 answer
Clear input field react-hook-form
Javascript React
2 votes350 views2 answers
How to export multiple functions react from one file
Javascript React