Reactjs React admin自动完成输入在第一次单击时不取值

Reactjs React admin自动完成输入在第一次单击时不取值,reactjs,react-admin,Reactjs,React Admin,我添加了自动完成输入来选择我的作者。当我在“自动完成输入”中搜索作者姓名并单击要显示的名称时,它不会显示所选的值。当我第二次这样做时,它会显示以前选择的值 这是我的密码 <AutocompleteInput source="AuthorUid" label="Author" choices={this.state.authorList}))}/> 因此,我通过为其创建自定义的自动完成输入解决了这个问题。我不知道React admin的自动完成输入有什么问题 我的自定义组件

我添加了自动完成输入来选择我的作者。当我在“自动完成输入”中搜索作者姓名并单击要显示的名称时,它不会显示所选的值。当我第二次这样做时,它会显示以前选择的值

这是我的密码

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

因此,我通过为其创建自定义的自动完成输入解决了这个问题。我不知道React admin的自动完成输入有什么问题

我的自定义组件->

 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>
    );
}
renderSelectField=({input,label,meta:{toucted,error},children,…custom})=>{
常量DropDownMenurops={
菜单样式:{
顶部:“360px”,
高度:“347px”,
左:“79px”,
},
}
返回(
input.onChange(值)}
children={children}
{…自定义}/>
);
}
我使用自定义组件,如->

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

{authors.map((author)=>
})}