Breaking News: Grepper is joining You.com. Read the official announcement!

react-select-search useSelect hook

Ill Iguana answered on September 30, 2021 Popularity 7/10 Helpfulness 2/10

answer react-select-search useSelect hook

react-select-search useSelect hook

Comment

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>
    );
};

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: www.npmjs.com

Tags: hook javascript react-select-search

Link to this answer
Share Copy Link

Contributed on Sep 30 2021

Ill Iguana

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react-select-search useSelect hook

Contents

More Related Answers

react-select-search useSelect hook

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.