/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 votes128 views3 answers
Add backgorund image in react native app
Javascript React
0 vote114 views1 answer
A form label must be associated with a control react
Javascript React
64 votes146 views7 answers
React router
Javascript React
1 vote113 views2 answers
Shadow on view in react natice
Javascript React
0 vote114 views1 answer
React-native-calendars how to mark selected day
Javascript React
47 votes109 views3 answers
How to comment in the react javascript
Javascript React
0 vote117 views1 answer
Back press subscriptions i is not a function react native
Javascript React
2 votes117 views2 answers
React native text get number of lines
Javascript React
0 vote116 views2 answers
Drag n drop file upload react
Javascript React
3 votes102 views3 answers
React change url params
Javascript React