useState 是一個保存元件狀態的 React hook。
在這種情況下，狀態是一個計數器。
此按鈕會增加計數器的狀態。 - 按鈕減少計數器。
・src/Example.js
import { useState } from "react";
const Example = () => {
const [count, setCount] = useState(0);
return (
<>
<CountResult title="count" count={count} />
<CountUpdate setCount={setCount} />
</>
);
};
const CountResult = ({ title, count }) => (
<h3>
{title} : {count}
</h3>
);
const CountUpdate = ({ setCount }) => {
const countUp = () => {
setCount((prev) => prev + 1);
};
const countDown = () => {
setCount((prev) => prev - 1);
};
return (
<>
<button onClick={countUp}>+</button>
<button onClick={countDown}>-</button>
</>
);
};
export default Example;
・這是計數的動作。
・這是倒數計時的動作。
以上是React基礎知識~useState/計數~的詳細內容。更多資訊請關注PHP中文網其他相關文章！
