只要有一个选中则把该条数据push到数组里react

在React中，可以使用状态来实现选中和取消选中的功能。首先，你可以创建一个状态数组来存储被选中的数据。然后，创建一个函数来处理选中和取消选中的逻辑，并将该函数绑定到相应的元素上。

以下是一个示例代码：

import React, { useState } from 'react';

const MyComponent = () => {
  const [selectedItems, setSelectedItems] = useState([]);

  const handleItemClick = (item) => {
    if (selectedItems.includes(item)) {
      setSelectedItems(selectedItems.filter(selectedItem => selectedItem !== item));
    } else {
      setSelectedItems([...selectedItems, item]);
    }
  };

  return (
    <div>
      {data.map(item => (
        <div
          key={item.id}
          onClick={() => handleItemClick(item)}
          style={{ background: selectedItems.includes(item) ? 'yellow' : 'white' }}
        >
          {item.name}
        </div>
      ))}
    </div>
  );
};

export default MyComponent;

在上面的代码中，selectedItems 是状态数组，用于存储被选中的数据。handleItemClick 是处理点击事件的函数，它会根据当前状态判断是否需要选中或取消选中数据，并更新 selectedItems 状态数组。在 return 语句中，我们使用 selectedItems.includes(item) 来判断某个数据是否被选中，并根据结果设置相应的样式。

这样，当用户点击某个元素时，它的选中状态将会被更新，并且样式也会相应改变