这里的初始的data为空数组, 目前还没有人为设置数据.
import React, { useState, useEffect } from 'react';
import { Form, Input...应该如何避免, 并且做到在组件安装时获取数据.
import React, { useState, useEffect } from 'react';
import { Form, Input, Table...setData(result.data.data.list);
};
fetchData();
},[]);
...
}
只需要在useEffect函数中, 第二个参数为空数组..., 就能实现只在组件安装时获取数据. useEffect的第二个参数可用于定义函数所依赖的所有变量(在此数组中分配), 如果其中一个变量发生变化, 则uesEffect会再次执行....如果包含变量的数组为空,则在更新组件时挂钩不会运行,因为它不必监视任何变量.更多关于Effect Hook的详情,点击此处
手动触发Hook
此时, 组件安装成功后会获取数据, 现在, 我们希望可以有个点击按钮可以触发