您好,登錄后才能下訂單哦!
useState和useEffect是React Hooks的兩個常用API,用于在函數組件中管理狀態和處理副作用。
下面是一個基本示例,展示了如何使用useState和useEffect:
import React, { useState, useEffect } from 'react';
const ExampleComponent = () => {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `You clicked ${count} times`;
}, [count]);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
};
export default ExampleComponent;
在上面的示例中,useState用于創建一個名為count的狀態變量,并使用setCount函數來更新該狀態。每次點擊按鈕時,count會增加1。
useEffect用于在組件渲染時執行副作用操作。在這個例子中,我們使用useEffect來更新瀏覽器標題,每當count更改時,useEffect會重新運行。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。