React / Redux: фокус потерян в поле ввода

Question

При вводе текста в поле фокус теряется. Почему?

Если убрать метку реквизита, то проблема решена. Но нужен ярлык

<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

Я заметил, что при использовании Label в качестве дочернего элемента SimpleItem (вместо prop) ввод не теряет фокус на событие keyup (я пытался копаться в документах, но не мог найти причину, почему это произойдет):

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

Код Песочница

Answer 2

Хорошо, как то, что обсуждает Джейси, ваше поле перерисовывается всякий раз, когда вы набираете ключ Я пытался изменить событие, чтобы размыть. Попробуй это. Надеюсь, это поможет.