如何在react.js中获取Material-ui自动完成的值

时间:2017-03-15 14:10:54

标签: reactjs material-ui

如何在react.js中获取Material-ui自动完成的值。

我累了

productName: this.refs.productName.value 
productName: this.refs.productName.getValue() 

两者都不起作用

<AutoComplete
          hintText="Product Name"
         // filter={AutoComplete.noFilter}
         // filter={AutoComplete.fuzzyFilter}
          filter={AutoComplete.caseInsensitiveFilter}
          openOnFocus={true}
          name="productName"
           ref="productName"
            value={this.props.signUpState.productName}
            dataSource={datasource}
             floatingLabelText="Product Name"
             hintText="Product Name"
             onChange={this.props._inputHandler}
       //   onUpdateInput={this.props.signUpState.handleUpdateInput}
       //   dataSourceConfig={dataSourceConfig}
        />

1 个答案:

答案 0 :(得分:1)

this.refs.productName.state.searchText

替代方案,

使用onUpdateInput prop。

<Autocomplete
onUpdateInput={this.handleUpdateInput.bind(this)}
/>
handleUpdateInput = (searchText) => {
  console.log(searchText)
}