material-ui - 自动完成 - 如何设置默认值？

Question

有谁知道如何为自动完成组件添加默认值？
该组件有一个 dataSource ，并且我想加载具有已选择的特定项目的页面(例如，使用所选项目的文本填充文本字段并且其值已设置)。

有谁知道怎么做？非常感谢您的帮助 <3

Answer 1

您可以通过在 componentDidMount 中设置适当的状态来实现此目的。 ， 例如:

componentDidMount() {
    // load your items into your autocomplete

    // set your default selected item
    this.setState({ allItems: [itemYouWantToSet], selectedItem: item.name, selectedItemId: item.id }
}

render() {
    return (
		<Autocomplete
		    value={this.state.selectedItem}
		    items={this.state.allItems}
		    getItemValue={(item) => item.name}
		    onSelect={(value, item) => {
		        this.setState({ selectedItem: value, selectedItemId: value, allItems: [item] });
		    }}
		/>
    )
}

然后您的项目在加载时从可用选项列表中正确选择。