语义 ui 反应 select table 细胞不工作
semantic ui react select table cells not working
在我的 Reactjs 应用程序中，我想创建一个带有 select 可用单元格的 table。单击每个单元格 return 我一个值。
根据documentation，我应该选择selectable。所以我定义如下：
<Table.Cell selectable key={j + k} onClick={this.handleCellClick(j, k)}> {j + k} </Table.Cell>
这个 j、k 值来自包装器 Table.Row 和 Table.Column 的映射，而处理程序方法只是一个 console.log 现在。
呈现视图时，将在每个单元格上调用 onClick 。同样在单击每个单元格时，没有任何反应。
我应该如何 select 语义单元格 - ui- 反应。
selectable 属性仅控制呈现给单元格的语义 UI class 名称，该单元格赋予其样式。
在您 link 访问的文档中，它表明 selectable 属性使包含 <a> 标记的 table 单元格将占据整个单元格space 的单元格，而不仅仅是它正在换行的文本。您可以通过从示例中的其中一个 <Table.Cell> 组件中删除 selectable 道具来看到这种变化，您会看到文本甚至变为 link 颜色并且只有文字是可点击的。
如果您想使用该道具（或不如果您只希望文本可点击，请使用该道具。
您遇到的另一个问题听起来像是您的点击处理程序 class 方法没有任何绑定，因此当组件呈现时，您使用处理程序的每一行都在调用 class方法。您需要将绑定添加到 class 方法。我建议不要在组件内部使用箭头函数进行绑定。相反，您应该绑定在构造函数中或直接绑定到 class 方法本身，如下所示：handleCellClick = (j,k) => {}。请注意，class 方法有一个箭头函数绑定它，而不仅仅是 handleCellClick(j,k) {}.
在我的 Reactjs 应用程序中，我想创建一个带有 select 可用单元格的 table。单击每个单元格 return 我一个值。
根据documentation，我应该选择selectable。所以我定义如下：
<Table.Cell selectable key={j + k} onClick={this.handleCellClick(j, k)}> {j + k} </Table.Cell>
这个 j、k 值来自包装器 Table.Row 和 Table.Column 的映射，而处理程序方法只是一个 console.log 现在。
呈现视图时，将在每个单元格上调用 onClick 。同样在单击每个单元格时，没有任何反应。
我应该如何 select 语义单元格 - ui- 反应。
selectable 属性仅控制呈现给单元格的语义 UI class 名称，该单元格赋予其样式。
在您 link 访问的文档中，它表明 selectable 属性使包含 <a> 标记的 table 单元格将占据整个单元格space 的单元格，而不仅仅是它正在换行的文本。您可以通过从示例中的其中一个 <Table.Cell> 组件中删除 selectable 道具来看到这种变化，您会看到文本甚至变为 link 颜色并且只有文字是可点击的。
如果您想使用该道具（或不如果您只希望文本可点击，请使用该道具。
您遇到的另一个问题听起来像是您的点击处理程序 class 方法没有任何绑定，因此当组件呈现时，您使用处理程序的每一行都在调用 class方法。您需要将绑定添加到 class 方法。我建议不要在组件内部使用箭头函数进行绑定。相反，您应该绑定在构造函数中或直接绑定到 class 方法本身，如下所示：handleCellClick = (j,k) => {}。请注意，class 方法有一个箭头函数绑定它，而不仅仅是 handleCellClick(j,k) {}.