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

您能尝试这个吗..如果您处理状态仅仅是....

// GET: api/Default/
public IHttpActionResult Get()
{
    //return Ok();//200
    //return StatusCode(HttpStatusCode.Accepted);//202
    //return BadRequest();//400
    //return InternalServerError();//500
    //return Unauthorized();//401
    return Ok();
}

handleCheck函数可能有问题...您可以为handleCheck发布代码

Answer 2

您可以在此处尝试工作示例。

Toggle State

可能您没有在handleClick函数中设置状态。

状态变化不影响其他要素

2 个答案: