ReactJS：如何将<input />放在Material UI＆＃39; s <textfield>中？

Question

我正在努力将<TextField/>（http://www.material-ui.com/#/components/text-field）设为<input/>。所以我尝试了以下方法：

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

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

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

提前谢谢！

Answer 1

我不认为你可以在TextField组件中有一个输入字段

Answer 2

素材用户界面的TextField是一个输入所以您需要做的就是添加另一个TextField如果您希望它们更接近，可以添加样式

您无法在普通HTML中执行<input><input></input></input>。

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

你只需要一个手柄更改功能，如果你需要，你应该可以通过谷歌搜索来解决这个问题。