React/Redux: 焦点在输入字段中丢失

Question

当您在字段中输入文本时，焦点会丢失。为什么？

如果去掉label属性，问题就解决了。但是需要标签

<SimpleItem
  label={{ text: "Your Address" }}
  dataField="surname"
  editorOptions={{
    value: formEdit.surname,
    onValueChanged: ({ value }) => {
      addChange("surname", value);
    },
    valueChangeEvent: "keyup"
  }}
/>;

在线演示： https://codesandbox.io/s/de-form-ezmmg

Answer 1

就像 jaycee 讨论的一样，您的领域在您键入时会重新呈现。我试图将事件更改为模糊。试试这个。希望对你有帮助。

Answer 2

我注意到，当使用 Label 作为 SimpleItem 的子项（而不是 prop）时，输入不会失去对 keyup 事件的关注（我尝试深入研究文档，但我做不到'找到发生这种情况的原因):

<SimpleItem
  dataField="surname"
  editorOptions={{
    value: formEdit.surname,
    onValueChanged: ({ value }) => {
      addChange("surname", value);
    },
    valueChangeEvent: "keyup"
  }}
>
     <Label text="Your Address" />
</SimpleItem>

Code Sandbox

React/Redux: 焦点在输入字段中丢失

React/Redux: focus is lost in the input field

javascript

reactjs

devextreme

redux

react-redux