hooks的基本结构

hooks写法的基本结构

import React, { useState, useEffect, Fragment } from 'react';
export default ( props: { children: React.Component[]; location: Location }) => {
//或 const App = (Props: any) => {
const [count, setCount] = useState(0);
// state及更改state的写法
useEffect(() => {
//第一个参数回调，
//第二个参数是个数据，监听数组里面值的变化，确定要不要重新渲染页面。 如果为[]则....
}, []);
//方法（接口的话,async,awai写法 ）
const aaa = async () => {
const res = await request('xxxxxx--url', {
method: 'get', // post...
});
......
......
};
return (
<div>
<p>{props.children}</p>
/**
数据传递到下一层，下一层读取用Props.children[0],Props.children[1]，.....
**/
<ACompoent children={[aadata，bb]} />
/**
点击时调用方法-aaa，{里面写成回调更好用}
**/
<button onClick={() => aaa()}>
Click me
</button>
</div>
);
}
//或 export default App;

最后

以上就是认真豌豆为你收集整理的hooks的基本结构的全部内容，希望文章能够帮你解决hooks的基本结构所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。