這是標(biāo)記為完成并在標(biāo)記后消失的服務(wù)列表。我的組件有以下代碼。當(dāng)用戶單擊“完成”按鈕時(shí)，類會(huì)發(fā)生變化（首先變?yōu)椤邦A(yù)訂完成”），組件的顏色也會(huì)發(fā)生變化。半秒后，組件也被隱藏（添加了“隱藏”類。）。const Booking = (props) => {let { hidden } = useContext(ContextBooking)let completed = props.completed    return (            <li                 className={                  isCompleted && isHidden            ? 'booking-complete hide'            : isCompleted              ? 'booking-complete'              : 'booking'      }}                key={props.id}                id={props.id}            >                <h3>{props.date}</h3>                <h4>{props.time}</h4>                <h5>{props.name}</h5>            </li>    )}<button   onClick={() => {     if (!isCompleted && !isHidden) {       setIsCompleted(!isCompleted); //adds 'booking-complete' and change colour       setTimeout(() => setIsHidden(!isHidden), 500) //adds 'hide' class to component and 'display: none'     else if (isCompleted && !isHidden) {       setIsCompleted(!isCompleted);     }     else {       setIsCompleted(!isCompleted);       setIsHidden(!isHidden);     }}}>    {!isCompleted ? `Completed` : `Not completed`}</button>在另一個(gè)組件中，我正在創(chuàng)建多個(gè)“預(yù)訂”組件。我現(xiàn)在的目標(biāo)是，當(dāng)單擊“顯示隱藏”按鈕（見下文）時(shí)，之前隱藏的所有組件（具有“隱藏”類的組件，如上所述）應(yīng)該再次出現(xiàn)（我想只是刪除“隱藏”類會(huì)起作用，但怎么做？）const DisplayBookings = () => {    const display = (day) => allBookings.map(item =>         item.day === day &&        <Booking            completed={item.completed}            key={item.id}            id={item.id}            time={item.time}            name={item.name}            date={item.date}         />    )   <button      onClick={() => //how to make this button remove the 'hide' class of all <Booking /> components that have it //but still show components as 'completed' and other as not?   }>    Show hidden      </button>