使用 ant.desing V4.x Select 組件和 redux-form

Question

我正在使用 antd V4 和 antd Select 沒有與 redux-form 綁定。 我可以綁定數據並可以select項目。但是選擇項目后，移動到下一個控件或單擊，所有選定的項目都消失了。

我正在嘗試編寫自己的自定義包裝，仍然是同樣的問題。

我發現 v3 和 v4 的 onChange 事件如下：

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

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

在此處輸入鏈接描述有人使用帶有 redux-form-antd 的 antd V4.x 嗎？

問候，

亞歷克斯

Answer 1

v3 返回值中的 onBlur 是一個糟糕的設計，因為用戶無法阻止像 preventDefault 或 stopPropagation 這樣的事件冒泡。 在 v4 中，它改為返回原始事件。

我們通過 onBlur={() => { input.onBlur(input.value); }} 現在支持 Select 組件

Answer 2

我在使用 redux-form 時遇到了同樣的問題，並從這個 GitHub 問題中找到了解決方案

對我來說有效的解決方案是添加這個onBlur={e => { e.preventDefault(); }} onBlur={e => { e.preventDefault(); }}到 redux 字段