React admin AutocompleteInput не принимает значения при первом нажатии

Question

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

Вот мой код,

     <AutocompleteInput source="AuthorUid" label="Author" choices={this.state.authorList}))}/>

Answer 1

Итак, я решил эту проблему, создав для нее пользовательский ввод автозаполнения. Я не мог понять, в чем проблема с AutocompleteInput администратора React.

Мой пользовательский компонент ->

 renderSelectField = ({ input, label, meta: { touched, error }, children, ...custom }) => {
    const dropdownMenuProps = {
        menuStyle: {
            top: "360px",
            height: "347px",
            left: "79px",
        },
    }

    return(
        <MuiThemeProvider>
            <SelectField
                floatingLabelText={label}
                errorText={touched && error}
                {...input}
                dropDownMenuProps={dropdownMenuProps}
                onChange={(event, index, value) => input.onChange(value)}
                children={children}
                {...custom}/>
        </MuiThemeProvider>
    );
}

Я использовал свой пользовательский компонент, например ->

<Field name="AuthorUid" component={this.renderSelectField} label="Author">
             { authors.map((author) => 
                <MenuItem value={author.id} primaryText={author.name} />
             })}
</Field>