javascript - 状态改变不影响其他元素

Question

我已经设置了一个函数来处理切换图标的 onClick 事件。该函数切换图标、影响状态并更改类，但这些内容不适用于表格行。

{this.state.company.map((comp, i) =>
    <tr key={i} className={this.state.checked ? 'colored' : 'none'}>
      <td>
         <i className={this.state.checked ? 'bx bxs-checkbox-checked' : 'bx bx-checkbox'} onClick={(e) => this.handleCheck(e,comp.id)}></i>
      </td>
      <td>
         <Link to={`/view/${comp.id}`}>{comp.name}</Link>
      </td>
      <td>{comp.type}@gmail.com</td>
      <td>{comp.id}</td>
      <td>
         <Badge variant="primary">Primary</Badge>
      </td>
   </tr>
)}

基本上，我希望在切换图标时更改表格行的背景。

Answer 1

你能试试这个吗..如果你处理状态就是......

onClick={(e) => {
            this.setState({ checked: !this.state.checked })
        }}

handleCheck 函数可能有问题......你能发布你的 handleCheck 代码吗