我正在嘗試將材質(zhì)組件 IconButton 與 React 一起使用。材料設(shè)計(jì)：https ://material-components.github.io/material-components-web-catalog/#/component/icon-button它工作并顯示元素并進(jìn)行重復(fù)。但是切換不起作用。這是我在 chrome 的 devtool 中的代碼和元素樹(shù)。請(qǐng)教我解決方案。import React, { useEffect } from 'react';import { MDCIconButtonToggle } from '@material/icon-button';const ButtonLike = () => {  useEffect(() => {    const iconToggle = new MDCIconButtonToggle(      document.querySelector('.mdc-icon-button'),    );    iconToggle.on = true;  });  return (    <button      id="add-to-favorites"      className="mdc-icon-button mdc-icon-button--on"      aria-label="Add to favorites"      aria-pressed="false"    >      <i className="material-icons mdc-icon-button__icon mdc-icon-button__icon--on">favorite</i>      <i className="material-icons mdc-icon-button__icon">favorite_border</i>    </button>  );};export default ButtonLike;元素樹(shù)<button id="add-to-favorites" class="mdc-icon-button mdc-icon-button--on" aria-label="Add to favorites" aria-pressed="false">  <i class="material-icons mdc-icon-button__icon mdc-icon-button__icon--on">    favorite  </i>  <i class="material-icons mdc-icon-button__icon">    favorite_border  </i></button>