Introduzione a React Select

React Select è un package per React che ci consente di creare delle select personalizzare, raggruppate, animate, ecc.

In questo articolo vediamo un'introduzione con un esempio basico.

Prima di tutto installiamolo con npm:

npm i react-select

Qui sotto un esempio di codice:

import React from "react";
import Select from 'react-select';

function App() {
    const options = [
        {value: 'roma', label: 'Roma'},
        {value: 'barcellona', label: 'Barcellona'},
        {value: 'parigi', label: 'Parigi'}
    ];

    return (
        <div className="App">
            <Select options={options}/>
        </div>
    );
}

export default App;

Enjoy!