如何使用react/react native在单击时删除或隐藏多个组件

import React, { useState } from 'react';

const ParentComponent = () => {
  const [componentVisibility, setComponentVisibility] = useState([true, true, true]);

  const handleComponentClick = (index) => {
    const updatedVisibility = [...componentVisibility];
    updatedVisibility[index] = false;
    setComponentVisibility(updatedVisibility);
  };

  return (
    <div>
      {componentVisibility.map((isVisible, index) => (
        isVisible && (
          <ChildComponent
            key={index}
            onClick={() => handleComponentClick(index)}
          />
        )
      ))}
    </div>
  );
};

const ChildComponent = ({ onClick }) => (
  <div onClick={onClick}>
    This is a child component.
  </div>
);

export default ParentComponent;