我无法用TableRowColumn

Question

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

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

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

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

Answer 1

向onClick添加TextField处理程序，以阻止事件传播到表格单元格/行：

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