Я использую плагин Reaction-select для множественного выбора из выпадающего списка.
Для установки я сделал
npm install react-select --save
, на котором установлена последняя версия 3.0.4 плагина реакции-выбора
Мой код
import React, { Component } from 'react';
import Select from 'react-select';
import urls from '../../../urls.json';
const options = [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' },
];
class Reports extends Component {
constructor(props) {
super(props);
this.state = {
selectedOption: null,
};
}
handleChange = selectedOption => {
this.setState({ selectedOption });
console.log(`Option selected:`, selectedOption);
};
componentDidMount() { }
render() {
return (
<div>
<div className="row">
<div className="col-md-12">
<h2>Reports</h2>
<hr className="title-separator" />
<Select
value={this.state.selectedOption}
onChange={this.handleChange}
options={options}
/>
</div>
</div>
</div >
)
}
}
export default Reports;
Пожалуйста, помогите!