Реализация избыточной формы с двойным списком

Question

Я настраиваю избыточную форму в приложении реагирования, в форме, в которой у меня есть двойной список, я не могу перемещать значения из одного блока в другой, наоборот.

другое, что я делаю, переключает флажок, который нене публикует значение, когда страницы загружаются, когда я когда-либо касаюсь / нажимаю на них, а затем это происходит, в обоих случаях это true / false, но не по умолчанию false.

для двойного списка

    <Field
        name="list"
        type="select"
        onChange={this.handleOnMove}
        component={this.renderReactSelectWrapper}
      />
  renderReactSelectWrapper = props => (
    <DualListBox
      value={props.input.value}
      onChange={props.input.onChange}
      onBlur={props.input.onBlur(props.input.value)}
      options={available}
      selected={selected}
      placeholder="Select"
      simpleValue
      icons={{
        moveLeft: <span key={0}>&lt;</span>,
        moveAllLeft: [<span key={1}>&lt;&lt;</span>],
        moveRight: <span key={2}>&gt;</span>,
        moveAllRight: [<span key={4}>&gt;&gt;</span>],
        moveDown: <span key={5}>&darr;</span>,
        moveUp: <span key={6}>&uarr;</span>
      }}
    />

  );

ДляФлажок / переключатель

<Field
                  name="available"
                  id="available"
                  component={this.renderToggleInput}
                />
  renderToggleInput = field => (    <Switch checked={field.input.value} onChange={field.input.onChange} /> );

Мне нужно сместить значение из одного поля в другое, в случае флажка / переключателя мне нужно публиковать сообщения при загрузке страницы.

Answer 1

Я занимался той же проблемой.Я думаю, проблема в том, что вы не обновляете выбранный массив правильно.Следующий код работал для меня на выбранной опции.

    <DualListBox
      options={options}
      value={this.props.input.value}
      onChange={this.props.input.onChange}
      selected={[...this.props.input.value]}
    />