Javascript 我无法在用TableRowColumn包装的TextField中填写任何内容

我使用的是MaterialUI，它的组件很棒，但当我尝试使用Table时，问题就出现了

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

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

---

另外，我尝试在TextField中设置histText。但是，它不起作用。请帮助我。

将

onClick

处理程序添加到

TextField

中，以停止事件向表格单元格/行的传播：

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

e.stopPropagation（）}hintText=“hintText”/

将一个

onClick

处理程序添加到您的

文本字段

，以停止事件向上传播到表格单元格/行：

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

e.stopPropagation（）}hintText=“hintText”/