建设银行个人网站显示不了,制作网页链接的app,谷歌seo知识,有网站用nodejs做后台React查询、搜索类功能的实现
查询之类的如果是通过向列表接口中发送对应参数来查询的#xff0c;那么在默认输出时#xff0c;在useEffect钩子中的请求中可以先为需要查询的请求参数设初始的state#xff0c;也就是null或者未定义#xff0c;这样的话初始请求的还是整个列…React查询、搜索类功能的实现
查询之类的如果是通过向列表接口中发送对应参数来查询的那么在默认输出时在useEffect钩子中的请求中可以先为需要查询的请求参数设初始的state也就是null或者未定义这样的话初始请求的还是整个列表然后将这些state放入useEffect的依赖中也就是第二个参数的数组中然后在一些查询相关的组件中如下拉选项、Search搜索框、时间选择器等具体根据可查询项决定然后更新初始设置的stateset为在这些组件的事件函数中将组件筛选的最终值。因为useEffect监听到了这些状态发生的变化所以重复执行了重新调用了接口并传递了筛选参数列表状态也发生了改变就完成了查询的功能。 以下为下拉选项实例 请求函数部分 const [tableList, setTableList] useState([]);const [status, setStatus] useState();const [title, setTitle] useState();
useEffect(() {axios.get(http://crmeb.kuxia.top/adminapi/cms/category,{status: status,title: title}).then((res) {setTableList(res.data.list);});}, [status, title]);//将sataus设为依赖
Selectoptions{[{ label: 全部, value: null },{ label: 显示, value: 1 },{ label: 不显示, value: 0 },]}onChange{(value) {setStatus(value);//更改了status的状态触发了useEffect重新执行并发送了状态参数完成筛选查询}}/