本地状态是指在React函数组件中使用useState Hook定义的状态。根据useState的特点,我们可以改变这些本地状态。下面是一个示例代码,演示了如何在React函数组件中使用本地状态并改变它:
import React, { useState } from 'react';
function App() {
const [count, setCount] = useState(0);
const handleClick = () => {
setCount(count + 1);
};
return (
You clicked {count} times
);
}
export default App;
在这个示例中,我们使用useState定义了count状态,并将其初始化为0。在handleClick函数中,我们使用setCount改变了count的值,使得我们能够在用户点击按钮时更新UI。因此,我们可以得出结论:本地状态是可变的。