親構成部品

// 자식 컴포넌트에서 open한 index를 저장하기 위한 state
const [saveIndex, setSavedIndex] = useState(-1)

// index를 저장하는 메서드
const changeSaveIndex = (index) => {
  setSavedIndex(index)
}

{arr.map((data, idx) => (
	<Child
      key={idx}
      data={data}
      index={idx}
      saveIndex={saveIndex}
      setSavedIndex={setSavedIndex}
      changeSaveIndex={changeSaveIndex}
      />
))}

サブエレメント

const Child = (props) => {
  // 자식 컴포넌트의 toggle을 on/off 하는 state
  const [isOpenDetail, setIsOpenDetail] = useState(false)
  
  const handleToggle = () => {
    setIsOpenDetail(!isOpenDetail)
    props.changeSaveIndex(props.index)
  }
  
  useEffect(()=>{
	  setIsOpenDetail(props.saveIndex == props.index)
  }, [props.saveIndex])
  
  return (
    <button onClick={handleToggle}>클릭</button>
  )
}