ReactJS：如何将<input/>置于Material UI的<TextField/>中？

<TextField 
    hintText='Enter username' 
> 
    <input 
     className="form-control" 
     ref='username' 
     type='text' 
    /> 
</TextField>

但它没有正确拾取ref。当记录this.refs.username.value.trim()时，它会显示value未定义的错误。但是当单独使用<input/>时，它会正确拾取输入的文本。

使用<input/>但使用<TextField/>作为样式包装的正确方法是什么？

预先感谢您！

2016-08-15 Jo Ko

你需要做什么？ ''已经封装了''。你的代码看起来像是试图通过为什么添加一个'输入'到'TextField'？ –

我不认为你可以有一个TextField组件

2016-08-15 00:32:13 David

那么有没有办法让TextField组件具有那些属性（ref，type，className）''？ –

我没有测试过它，但是什么可以防止你直接做 – David

试过了，对象对象]'当它应该获取'[对象HTMLInputElement]' –

材料UI的文本字段是输入内输入字段因此，所有你需要做的就是添加一个文本字段下面，如果你想他们更接近

添加样式

你不能在正常的HTML中做<input><input></input></input>。

<TextField hintText="Hint" name="Name" fullWidth={true} onChange={this.handleChange} />

你只需要一个句柄改变功能，你应该可以从谷歌搜索，如果你需要一个。

2017-08-21 13:31:36

回答