Использование компонента автозаполнения MUI с формой Redux - PullRequest
Новая
       18

Использование компонента автозаполнения MUI с формой Redux

0 голосов
/ 09 февраля 2020

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

В настоящее время моя форма составлена на 2 поля: 

<Field name="name" label="Título del servicio" component={renderInput} autoComplete="title"/>
<Field name="address" label="Dirección" component={renderAddressInput} autoComplete="address-line1"/>

Именованное поле «имя» работает отлично, и я утешаю его значение, когда вызывается функция handleSubmit.

Но поле «адрес» - нет. Компонент Field выглядит следующим образом: 

const renderAddressInput = ({input, label, meta, ...others}) =>{
return(
    <div>
        <Autocomplete
            id="combo-box-demo"
            options={top100Films}
            getOptionLabel={option => option.title}
            renderInput={params =>{
                return (
                <TextField {...params} label={label} variant="outlined" fullWidth />
            )}}

        />
    </div>
);
};

Я взял предыдущий код компонента автозаполнения из Документация по автозаполнению MUI . Однако, когда я утешаю значения формы после их заполнения, я получаю: 

{name: "Test"}

Как связать значение поля автозаполнения с моей формой Redux?

...