/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 vote324 views2 answers
Toastandroid react native
Javascript React
0 vote218 views1 answer
React image source showing object module
Javascript React
0 vote235 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
0 vote203 views1 answer
Open sans font react js
Javascript React
0 vote202 views1 answer
React-metismenu-router-link
Javascript React
-1 vote200 views3 answers
Divider in react native
Javascript React
0 vote211 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
0 vote253 views1 answer
Input type disappear side scroll react
Javascript React
0 vote206 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote223 views1 answer
Change poiter text input color react native
Javascript React