javascript - React-Select 未在第一次更改时更新
问题描述
我一直在尝试react-select
在我的内部使用组件react-json-schema-form
,并且选择字段第一次没有更新。这是我得到的行为。
行为视频
编码:
const CustomSelect = function (props) {
return (
<Select
id="input"
className="basic-single"
classNamePrefix="select"
options={props.options.enumOptions}
placeholder={props.label}
isSearchable={true}
onChange={(e) => {
props.onChange(e.value);
if(props.schema.title === "WiFi model"){
console.log(e.value)
}
}}
></Select>
);
};
道具来自 RJSF, enumOptions 看起来像:
[{label: "3Com", value: "3Com"}
{label: "4G Systems", value: "4G Systems"}
{label: "7Links", value: "7Links"}
{label: "8devices", value: "8devices"}
{label: "ADB", value: "ADB"}
{label: "ADI Engineering", value: "ADI Engineering"}
{label: "ADSLR", value: "ADSLR"}
{label: "ALFA Network", value: "ALFA Network"}]
谁能告诉我我做错了什么?
父 RJSF:
<Form
schema={schema}
widgets={widgets}
onSubmit={onSubmit}
formData={formData}
/>
那是父组件,我使用 react-select 作为自定义组件!
const widgets = {
SelectWidget: CustomSelect,
};
解决方案
推荐阅读
- firefox - Firefox 拒绝加载任何带有严格动态集的脚本
- python-3.x - 从页面中超链接的页面中提取数据
- python - 需要解决 if/else 和“and”问题
- python - 嵌套的滚动视图在 MapMarker 的气泡中不起作用
- ios - SwiftUI 自定义步进按钮
- flutter - Flutter:Flavour 是使用相同代码库制作多个应用程序的最佳方式吗?
- acumatica - 我可以将自定义键字段添加到基本 Acumatica 表吗?
- java - 不是抽象的,并且不会覆盖回调中的抽象方法 onError(Exception)
- reactjs - NextJS:将 json 加载到 _app.js vs pages 中的 getInitialProps 并避免重复调用
- r - 降低 R 中 arules 的支持阈值