本文共 636 字，大约阅读时间需要 2 分钟。

如何判断React项目中选择事件的当前项状态

在React项目中，我们常常需要处理选择事件（select event）。本文将详细介绍如何判断当前操作的项是否已经被勾选。

为了实现这一功能，我们主要关注两个参数：selection和row。其中，selection表示当前页面已被勾选的项目列表；row则表示正在操作的项目。

程序逻辑的主要步骤如下：

代码实现如下：

handleSelectChange = (selection, row) => {    const state = selection.length && selection.indexOf(row) !== -1    if (state) {        console.log('当前项已被勾选')        return    }    console.log('当前项已取消勾选')}

这个函数首先检查selection中是否存在row（通过indexOf方法）。如果存在，说明当前项目已被勾选，执行相应的操作；若不存在，说明当前项目已被取消勾选，执行相应操作。

需要注意的是，该函数前提是selection数组中已经包含了true和false的标记。只有在满足该条件下，函数才能正确判断项目状态。

通过本文的指导，您可以轻松实现与产品功能相匹配的选择事件处理！