我的更改產品名稱函數稱為 setState，它返回“突變的上一個狀態(tài)”。我將函數傳遞給子組件，并通過上下文 API 在子組件中調用它。該函數已成功更新了子級和父級中顯示的產品名稱，但父級確實觸發(fā)了重新渲染。父級如何在不重新渲染的情況下更新視圖？誰能解釋一下設置狀態(tài)中的上一個狀態(tài)實際上是什么？const App = () => {  const [products, setProducts] = useState(initialValues);  const changeProductName = (id, newName) => {    setProducts((prevState) => {   //is preState a copy of state?        prevState.products.filter(        (product) => product.id === id       )[0].name = newName;        //Mutates prevState      return prevState;           //Did I return a new state?    });  };  useEffect(() =>     console.log("I would know when App re-renders")); //No re-render!  return (    <>    //Some React Switch and Routers     <div>      {product.map(product=>product.name)}   //Successfully Updated!    </div>    <ProductContext value={(products, changeProductName)}>       <ProductPage />     //call changeProductName and it works!    </ProductContext>    </>     ); };如果我更改的函數不觸及 prevState，父級將按預期重新呈現。這種方法更好嗎？  //this will trigger parent re-render.  const changeProductName = (id, newName) => {     setProducts((prevState) => {      prevState.products.filter(        (product) => product.id === id      )[0].name = newName;      return prevState;    });  };