使用 ant.desing V4.x 选择带有 redux-form 的组件答案

【问题标题】：using ant.desing V4.x Select component with redux-form使用 ant.desing V4.x 选择带有 redux-form 的组件
【发布时间】：2020-04-30 19:29:30
【问题描述】：

我正在使用 antd V4 并且 antd Select 没有与 redux-form 绑定。我可以绑定数据并可以选择项目。但是选择项目后，移动到下一个控件或单击，所有选定的项目都消失了。

我正在尝试编写自己的自定义包装，但仍然是同样的问题。

我发现v3和v4的onChange事件如下-:

V3.x onChange?: (value: T, option: React.ReactElement | React.ReactElement[]) => void;

V4.x onChange?: (value: ValueType, option: OptionsType[number] | OptionsType) => void;

enter link description here 有人使用带有 redux-form-antd 的 antd V4.x 吗？

问候，

亚历克斯

【问题讨论】：

【解决方案1】：

v3 返回值中的 onBlur 是一个糟糕的设计，因为用户无法阻止像 preventDefault 或 stopPropagation 这样的事件冒泡。在 v4 中，它改为返回源事件。

我们通过 onBlur={() => { input.onBlur(input.value); }} 暂时选择组件

【讨论】：

【解决方案2】：

我在使用 redux-form 时遇到了同样的问题，并从 this GitHub issue 找到了解决方案

对我来说有效的解决方案是将这个 onBlur={e => { e.preventDefault(); }} 添加到 redux 字段中

【讨论】：