在React中，如何使用`useState`和`useRef`来实现计数器的功能？
在React中，可以使用useState和useRef来实现计数器的功能。以下是一个简单的示例：
import React, { useState, useRef } from 'react';
function Counter() {
const countRef = useRef(0);
const [count, setCount] = useState(0);
const incrementCount = () => {
setCount(countRef.current + 1);
};
return (
<div>
<h1>{count}</h1>
<button onClick={incrementCount}>+</button>
</div>
);
}
export default Counter;
在这个示例中，使用useRef创建了一个引用countRef，并将其初始化为 0。然后，使用useState来跟踪计数器的值，初始化为 0。
当点击“+”按钮时，会调用incrementCount函数。在该函数中，使用countRef.current来获取当前计数器的值，并将其加 1，然后使用setCount来更新计数器的值。
最后，在 JSX 中显示计数器的值，并渲染“+”按钮。
这样，每次点击“+”按钮，计数器的值都会增加。
