简介
react-select-box2 是一个 React 组件，它提供了一个美观易用的下拉选择框。它支持多种模式，包括默认模式、搜索模式、标签模式等，还支持自定义样式和选项渲染。
安装
使用 npm 安装：
npm install react-select-box2
使用
基本使用
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- --------------------
-------- ------------- -
----- ------- - -
- ------ -------- ------ --- ------ --
- ------ --------- ------ --- ------- --
- ------ --------- ------ --- ------- --
--
------ -
----------
-----------------
----------------- -- -------------------
--
--
-上面的代码创建了一个基本的下拉选择框。它接受一个名为 options 的数组作为选项，每个选项都包含一个 value 和一个 label 属性。当用户选择一个选项时，onChange 回调函数会被调用，并传入当前选中选项的 value 值。
自定义样式
react-select-box2 允许你自定义组件的样式。你可以传递一个名为 className 的属性给组件，然后使用 CSS 来完成样式的定制。
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- --------------------
-------- ------------- -
----- ------- - -
- ------ -------- ------ --- ------ --
- ------ --------- ------ --- ------- --
- ------ --------- ------ --- ------- --
--
------ -
----------
-----------------
----------------- -- -------------------
-------------------------
--
--
-.my-select-box {
font-size: 16px;
border-radius: 4px;
border: none;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}搜索模式
react-select-box2 还提供了搜索模式，在这种模式下，用户可以输入文本来搜索选项。
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- --------------------
-------- ------------- -
----- ------- - -
- ------ -------- ------ --- ------ --
- ------ --------- ------ --- ------- --
- ------ --------- ------ --- ------- --
--
------ -
----------
-----------------
----------------- -- -------------------
-------------
--
--
-标签模式
react-select-box2 还提供了一个标签模式，用户可以选择多个选项，并用标签的形式展示出来。
import React from "react"; import SelectBox from "react-select-box2"; function > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/6005601f81e8991b448de4cd) ，转载请注明来源 [https://www.javascriptcn.com/post/6005601f81e8991b448de4cd](https://www.javascriptcn.com/post/6005601f81e8991b448de4cd)