react中的useState传入一个函数
时间: 2023-10-11 13:28:10 浏览: 258
react-useStateRef:useRef和UseState在一起!
5星 · 资源好评率100%
在 React 中,useState 可以接受一个函数作为参数。这个函数在组件首次渲染时会被调用一次,用于初始化 state。与直接传入初始值的区别在于,如果初始值的计算代价很高,可以将计算延迟到组件首次渲染时再执行,从而提高性能。
例如,如果初始状态是一个随机数,可以这样写:
```jsx
const [state, setState] = useState(() => Math.random());
```
这样,每次组件重新渲染时,useState 都会返回相同的随机数,而不是重新生成一个。
阅读全文