Как визуализировать поле выбора с помощью формы Redux и семантического интерфейса

Question

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

import React from 'react';
import {Form} from "semantic-ui-react";

const RenderFieldSelect = field => (
  <Form.Select
    {...field.input}
    label={field.label}
    options={field.options}
    placeholder={field.placeholder}
    fluid
  />
);

export default RenderFieldSelect



import React from 'react';
import { Field } from 'redux-form';
import { Form} from "semantic-ui-react";
import RenderFieldInput from '../formElements/Input';
import RenderFieldSelect from '../formElements/Select';
import {YES_NO} from '../formElements/SelectOptions';

class TestAttributes extends React.Component {
    render() {
        return (
            <div>
                <Form.Group widths="equal">
                    <Field name="test1" component={RenderFieldInput} label="test1"/>
                    <Field name="test2" component={RenderFieldInput} label="test2"/>
                </Form.Group>
                <Form.Group widths="equal">
                    <Field name="test3" component={RenderFieldSelect} label="test3" options={YES_NO}/>
                    <Field name="test4" component={RenderFieldInput} label="test4"/>
                </Form.Group>
            </div>
        );
      }
    }

export default TestAttributes;


export const YES_NO = [
                    { text: "Yes", value: "Yes" },
                    { text: "No", value: "No"}
                  ];

Answer 1

нужно добавить

onChange={(e, { value }) => field.input.onChange(value)}

Надеюсь, что это может помочь другим иметь такую ​​же путаницу.

Answer 2

Что находится в field.input?От реагировать на семантические пользовательские документы :

Если вы добавите значение проп или открытая опора, выпадающий список делегирует управление этой одной опорой вашему значению.Другие реквизиты остаются автоматически управляемыми.