如何以编程方式设置TextField值?

时间:2016-12-13 16:17:56

标签: reactjs material-design-lite

以下代码发现iPhone Developer: Your Name (3374ZYXN2A)的{​​{1}}道具未以编程方式更新。 value函数应将Textfield的值重置为空字符串。我做错了吗?

clear()

1 个答案:

答案 0 :(得分:0)

这是一个评论而非答案,因为我还没有得到代表的评论。

我不熟悉material-design-lite,我有一些使用material-ui的经验。 material-ui中的Textfield组件只包含onChange方法。您确定您使用的库支持onKeyUp功能吗?

*编辑:发现你在React-mdl的github上发布了一个问题。 我搜索了src文件并找到了TextField.js,这个组件不支持onKeyUp。但是你可以使用onChange。

这应该有效:

render(
  <div>
    <IconButton name="clear" className="blue" onClick={() => this.clear()}/>
    <Textfield
            onChange={(e) => this.onKeyUp(e)}
            label="Search Address, city, zip"
            expandable
            expandableIcon="search"
            floatingLabel
            value={this.state.searchText} />
 </div>)

https://github.com/react-mdl/react-mdl/blob/master/src/Textfield.js