react-select 介绍
react-Select是github上一个极其火的控件库,它是react开发中几乎是你必需打交道的一个内容。react Select的基本功能实现的是一个表单中的常见的下拉列表框控件,其实它的功能扩展来看远远不止如此,它支持:
多选
样式定制
多级联动选择
异步加载
安装
yarn add react-select
使用
import react from 'react';
import Select from 'react-select';
const options = [
{ value: 'chocolate',label: 'Chocolate' },
{ value: 'strawberry',label: 'Strawberry' },
{ value: 'vanilla',label: 'Vanilla' }
];
class App extends react.Component {
state = {
selectedOption: null,
}
handleChange = (selectedOption) => {
this.setState({ selectedOption });
console.log(`Option selected:`,selectedOption);
}
render() {
const { selectedOption } = this.state;
return (
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>
);
}
}
网站地址:https://react-select.com/
GitHub:https://github.com/JedWatson/react-select
网站描述:基于react多选、自动完成、ajax 支持的下拉框
react-select
官方网站:https://react-select.com/
小编说
以上是编程之家为你收集整理的react-select全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。