如何在React中重置除单击的兄弟组件之外的所有兄弟组件

import React, { useState } from 'react';

const ParentComponent = () => {
  const [clickedSibling, setClickedSibling] = useState(null);

  const handleClick = (index) => {
    setClickedSibling(index);
  };

  return (
    <div>
      {siblings.map((sibling, index) => (
        <SiblingComponent
          key={index}
          reset={!clickedSibling || clickedSibling === index}
          onClick={() => handleClick(index)}
        />
      ))}
    </div>
  );
};

const SiblingComponent = ({ reset, onClick }) => {
  const [value, setValue] = useState('');

  const handleReset = () => {
    setValue('');
  };

  return (
    <div>
      <input type="text" value={value} onChange={(e) => setValue(e.target.value)} />
      {reset && <button onClick={handleReset}>Reset</button>}
      <button onClick={onClick}>Click</button>
    </div>
  );
};