javascript - 想要在具有动态下拉菜单的 React-js 中获取 Textfield 的值

Question

我在我的 react-js 项目中使用了自动完成字段。该字段的代码如下。

<Autocomplete
    id="Autocomplete"
    placeholder="I want ..."
    className="md-cell md-cell--4"
    data={services}
    filter={Autocomplete.caseInsensitiveFilter}
    inputStyle={style.inputstyle}
    style={style.rootstyle}
    listStyle={style.liststyle}
    onChange={this.handleChange.bind(this.value)}
/>

这是一个像这样的自动完成字段

现在我想要的是在用户做出选择后获取值。通过使用 onChange，我只获得用户输入的值，或者在用户选择选项后按空格键后我获得完整的值。

我想要的是在用户做出选择后立即从字段中获取值。

提前致谢!

Answer 1

按照文档中的建议，您应该使用 onAutocomplete 来获取自动完成的值。我认为您假设 onChange 会为您执行此操作。而是将 onChange 替换为 onAutocomplete。

<Autocomplete
id="Autocomplete"
placeholder="I want ..."
className="md-cell md-cell--4"
data={services}
filter={Autocomplete.caseInsensitiveFilter}
inputStyle={style.inputstyle}
style={style.rootstyle}
listStyle={style.liststyle}
onAutocomplete={this.handleChange.bind(this.value)}
/>

文档在这里:https://react-md.mlaursen.com/components/autocompletes?tab=1#autocomplete-proptypes-on-autocomplete