1.应用场景
主要用于学习使用react hooks进行前端项目的开发. |
2.学习/操作
1.文档 https://www.bilibili.com/video/BV1ev41147DQ?p=1 // 【全网首发:已完结】React Hook+TypeScript『业务开发思路』【业务开发必备】 --- 推荐 https://zh-hans.reactjs.org/docs/hooks-intro.html // 中文档-Hook文档 -- 已通读一遍 http://www.ruanyifeng.com/blog/2019/09/react-hooks.html //React Hooks 入门教程 http://www.ruanyifeng.com/blog/2020/09/react-hooks-useeffect-tutorial.html // 轻松学会 React 钩子:以 useEffect() 为例 https://segmentfault.com/a/1190000019900931 //Hooks 与 React 生命周期的关系 视频: https://www.bilibili.com/video/BV1fV411d7Ka?p=114 //2020-web前端-React+ant+ts+node入门到实战的开发(react+ant design+typescript+node) https://www.bilibili.com/video/BV1ev41147DQ?p=1 // 【全网首发:已完结】React Hook+TypeScript『业务开发思路』【业务开发必备】 --- 推荐 https://www.bilibili.com/video/BV1o5411j797/?spm_id_from=trigger_reload // 【全网首发:更新中】『React Hooks API』手册阅读全套课程【B站专... -- 一起读文档 2. 整理输出
3. 个人思考 react hooks即JavaScript函数, 基于JavaScript做的封装,暴露出api供开发者使用, 其实框架/库都是这样, 基于某些语言, api, 进行更加进一步的封装, 转化而成, 主要是为了方便开发者使用, 快速高效安全地开发项目。 延展: 生活中很多事情/事物都是这样,它们的出现都是为了解决某些问题,但是解决问题这个事本身几乎就是没有尽头的, 所以才会一直维护,更新. 因为这个世界只有变化才是永恒不变的~~ 后续补充 ... |
|
老子曰: 未始有物 【世界就是虚无,一百年前没有我们, 一百年后也没有我们, 我们终归虚无】 |
3.问题/补充
1.如何在TS+react+hooks中书写对象方式的state 如下: src\components\useStateObj.jsx // 这里并不是ts文件类型, 但下面代码可直接用于tsx文件中
因为这里直接可推断出数据类型, 可省略, 如果想添加类型约束: src\app\view\landing\landing.tsx
官方似乎推荐使用: one by one define https://react.docschina.org/docs/hooks-state.html 2. react hooks 异步更新state // 20201223 周三 https://segmentfault.com/q/1010000021998386 // react useState 异步回调取不到最新值?见代码 https://zh-hans.reactjs.org/docs/hooks-faq.html#why-am-i-seeing-stale-props-or-state-inside-my-function // Hooks FAQ 还需要实践消化~~~ 3. 定义不同stage. 变量也有先后顺序. // 20210317 周三 公司 否则会出现问题. ... |
4.参考
http://www.ruanyifeng.com/blog/2019/09/react-hooks.html //React Hooks 入门教程 http://www.ruanyifeng.com/blog/2020/09/react-hooks-useeffect-tutorial.html // 轻松学会 React 钩子:以 useEffect() 为例 https://react.docschina.org/docs/hooks-intro.html // Hook 简介 https://segmentfault.com/a/1190000019900931 //Hooks 与 React 生命周期的关系 |
后续补充
...