我想知道如何使这个按钮起作用,比方说,我创建了一个带有转发器的表,它向我显示了 api 在 json 中返回的所有类别,但在每个我都有删除选项,删除该类别,如何我可以在反应中做到吗?例如,使用 onClick 或类似的东西,调用一个函数并将该类别的名称发送给它,然后让该函数获取我的 API?
{this.state.items.length ?
this.state.items.map(item=>
<tr>
<td>{item.name}</td>
<td><a href="#"><b>Edit</b></a> | <a className="red" href="#">Delete</a></td>
</tr>
您可以将类别的 id 直接传递给负责删除类别的方法:
你也可以这样做:
当点击按钮时,
id
category 属性被传递给方法,在这里它被发送到 API 进行删除:从数据库中删除类别后,我们将其从表中删除。为此,您可以过滤您拥有的类别,
state
以便仅获取 id 与已删除类别的 id 不同的类别:会发生的情况是表将被重新渲染,删除的记录将不再出现。