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)=>
})}