我无法在用 TableRowColumn 包裹的 TextField 中填写任何内容答案

【问题标题】：I can not fill out anything in TextField wrapped with TableRowColumn我无法在用 TableRowColumn 包裹的 TextField 中填写任何内容
【发布时间】：2017-07-05 07:39:33
【问题描述】：

我正在使用 Material-ui，它的组件很棒，但是当我尝试使用 Table 时，问题就发生了......

<TableBody
 displayRowCheckbox={true}
>
 <TableRow>
  <TableRowColumn><TextField hintText="hintText"></TableRowColumn>
 </TableRow>
<TableBody>

这只是我的代码的一部分。当我在 TextField 中填写内容时，会激活整行并选中复选框。即使我无法在 TextField 中填写任何内容。我只想在单击复选框而不是整行时激活复选框，然后在 TextField 中填写一些内容。有什么属性可以解决这个问题吗？

另外，我在 TextField 中尝试了 histStyle={{textAlign: 'center'，以便将 histText 设置在中心。但是，它不起作用。请帮帮我。

【问题讨论】：

标签： javascript reactjs textfield material-ui

【解决方案1】：

将onClick 处理程序添加到您的TextField，以停止将事件传播到表格单元格/行：

<TextField onClick={(e) => e.stopPropagation()} hintText="hintText" />

【讨论】：