React Hooks 是 React 16.8 引入的一种新的特性,用于在函数组件中使用状态和其他 React 特性。下面列举了一些常见的 React Hooks 的用法:文章来源地址https://www.toymoban.com/news/detail-718913.html
1:useState:用于在函数组件中添加状态。:
import React, { useState } from 'react';
function MyComponent() {
const [count, setCount] = useState(0);
return (
<div>
<p>Count: {count}</p>
<button onClick={() => setCount(count + 1)}>Increment</button>
</div>
);
}
2:useEffect:用于在函数组件中执行副作用操作(如订阅、数据获取等)。
import React, { useEffect, useState } from 'react';
function MyComponent() {
const [data, setData] = useState(null);
useEffect(() => {
// 执行副作用操作
fetchData().then(data => {
setData(data);
});
// 清理副作用操作
return () => {
cleanup();
};
}, []);
return <div>{data ? <p>Data: {dat
文章来源:https://www.toymoban.com/news/detail-718913.html
到了这里,关于React-hooks有哪些用法?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!