react hooks

react hooks 是react为了替代高阶组件而制造的, 可以理解为即插即用版本的statesetState,而

Effect Hook 可以用来执行副作用操作。

默认情况下,它在第一次渲染之后,每次更新之后都会执行。

(供了类似 ComponentdidMount,ComponentDidUpdate,ComponentWillUnMount 的功能)

复制代码
import React, { useState, useEffect }from 'react';
import ReactDom from 'react-dom';

function fn() {
  const [val, setVal] = useState(null);
  const [query, setQuery] = useState(null);
  // 副作用
  useEffect(()=> {
      fetch('https://url').then(res => {handleChange(res)})
    return function clearUp() {
      // ...
    }
  });
  handleChange = (res) => {
    // setQuery(res)
  }
  return <input onChange={() => setVal(val)} />
}
复制代码

 

 

 

 

 
posted @   Esther_Cheung  阅读(52)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
历史上的今天:
2017-07-10 归并排序算法
点击右上角即可分享
微信分享提示