我想在點(diǎn)擊時(shí)切換字體真棒圖標(biāo)。當(dāng)頁(yè)面加載時(shí)，我查詢后端并查明用戶是否已注冊(cè)課程，如果他們已注冊(cè)，我會(huì)顯示一個(gè)勾號(hào)圖標(biāo)，否則我會(huì)顯示一個(gè)咖啡圖標(biāo)。最終目標(biāo)是讓每個(gè)單獨(dú)的圖標(biāo)在點(diǎn)擊時(shí)變成相反的。目前，當(dāng)我點(diǎn)擊圖標(biāo)時(shí)，例如，如果我點(diǎn)擊一個(gè)杯子圖標(biāo)，它不僅會(huì)變成一個(gè)勾號(hào)，還會(huì)將其余的杯子圖標(biāo)也變成勾號(hào)。如何解決此問(wèn)題，以便單擊時(shí)僅影響單擊的圖標(biāo)？這是我的代碼功能組件export const CourseCard = ({  video,  normaluser,  adminuser,  userauthenticated,  adminauthenticated,  handleUnroll,  handleEnroll,  enrolled,  unrolled}) => (    <Grid item xs={6} md={4} lg={3}>            {(video.enrolled_students.includes(normaluser) &&              userauthenticated) ||            (video.enrolled_students.includes(adminuser) &&              adminauthenticated) ? (                <div className="enrol__button">                  <div>                    <a href="#" onClick={() => handleUnroll(video.slug)}>                      <FontAwesomeIcon                        icon={enrolled ? faCheckSquare : faCoffee}                      />                    </a>                  </div>                </div>            ) : (!video.enrolled_students.includes(normaluser) &&                userauthenticated) ||              (!video.enrolled_students.includes(adminuser) &&                adminauthenticated) ? (                  <div>                    <a href="#" onClick={() => handleEnroll(video.slug)}>                      <FontAwesomeIcon                        icon={unrolled ? faCoffee : faCheckSquare}                      />                    </a>                  </div>            ) : (                   ""            )}    </Grid>容器export class AllCourses extends React.Component {  constructor(props) {    super(props);    this.user = details(AUTHENTICATED);    this.admin = AdminDetails(AUTHENTICATED);    const token = localStorage.getItem("token");    let normaldetail = details(token);    this.normaluser = normaldetail.user_id;    let admindetail = AdminDetails(token);    this.adminuser = admindetail.user_id;    this.state = {      enrolled: true,      unrolled: true    };