/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

7 votes150 views2 answers
React router 6 redirect
Javascript React
0 vote135 views1 answer
Create react app cloudfront invalidation
Javascript React
0 vote172 views1 answer
React router dom props.history is undefined
Javascript React
1 vote136 views1 answer
Div onchange react
Javascript React
0 vote133 views1 answer
React.createElement pass props
Javascript React
0 vote143 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote139 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React
0 vote145 views1 answer
Get status bar height react native
Javascript React
0 vote160 views1 answer
Heroku buildpacks with react
Javascript React
0 vote151 views1 answer
How to redirect to another page in react js on button click
Javascript React