css - 为 Formik Multi-Select 组件设置样式,使其看起来像 Material-UI 选择
问题描述
我正在使用具有多个选择的以下 Formik 选择组件,但我不确定如何使用 Material-UI 样式(如果可能)或我自己的样式来设置它的样式,以至少使它看起来像具有一定高度和长度的 Material-UI 选择以及圆形边框。
请看这里:https ://codesandbox.io/s/l313z619l?file=/src/index.js:673-679
解决方案
你不能只给它添加一个类吗?和风格?
<Field
component="select"
name="names"
className="yourMaterialUI-Select"
// You need to set the new field value
onChange={evt =>
setFieldValue(
"names",
[].slice
.call(evt.target.selectedOptions)
.map(option => option.value)
)
}
multiple={true}
>
{availableSelection.map(s => (
<option key={s} value={s}>
{s}
</option>
))}
</Field>
推荐阅读
- c# - 如何使用字符串和 int(字符串)值创建枚举
- java - 像 Telegram 一样长按后如何突出显示 recyclerView 的项目?
- javascript - 图表 js 使用 Json
- google-cloud-firestore - 从 Firestore 安全规则中的指数数解析 long
- r - gganimate:动画 alpha 不适用于 transition_reveal?
- c# - 如何在 Visual Studio 模板架构中添加条件并根据条件生成项目
- node.js - 如何修复 npm 安装 CXX=clang++ --unsafe-perm
- docker - 如何在 /mosquitto/data MQTT mosquitto 中存储消息?
- python-3.x - 将新列名映射到 Pandas 中的数据框
- java - 在 Java 的类加载阶段,符号引用如何解析为直接引用?