您可以在React中使用一个状态来记录数组中每个元素是否可以审核。以下是一个示例代码:

import React, { useState } from "react";

const App = () => {
  const [data, setData] = useState([
    { id: 1, name: "Item 1", canApprove: true },
    { id: 2, name: "Item 2", canApprove: false },
    { id: 3, name: "Item 3", canApprove: true }
  ]);

  const handleApprove = (id) => {
    const updatedData = data.map((item) =>
      item.id === id ? { ...item, canApprove: !item.canApprove } : item
    );
    setData(updatedData);
  };

  return (
    <div>
      {data.map((item) => (
        <div key={item.id}>
          <span>{item.name}</span>
          <button onClick={() => handleApprove(item.id)}>
            {item.canApprove ? "Approve" : "Disapprove"}
          </button>
        </div>
      ))}
    </div>
  );
};

export default App;

在上述代码中,data是包含每个元素的数组,每个元素都有一个canApprove属性来表示是否可以审核。当点击"Approve"或"Disapprove"按钮时,handleApprove函数会更新data数组中相应元素的canApprove属性。

通过使用map函数,我们将data数组映射为一组<div>元素,每个元素包含一个名称和一个按钮。按钮的文本根据元素的canApprove属性动态确定。

您可以根据需要修改handleApprove函数的逻辑,例如添加审核功能的实现

react 数组选中的数据一条可审核一条不可以如何判断使选中的数据分开为true则可以审核

原文地址: https://www.cveoy.top/t/topic/ioLH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录