qq_42501092的博客

最近学习了一下graphql，想结合之前的技术栈，React和nestjs来做了全栈的小demo，总觉得学习东西不做笔记或者记录，很容易就忘记，虽然做了笔记也很容易忘记，但至少到时候回头看的时候，方便复习吗？至于为啥是选择React，因为公司的技术栈是React，我个人也很喜欢jsx这种风格，hooks出来之后，写起来更爽了，纯纯的个人感情。而选nestjs的原因是相比其他的框架 （express和koa）来说，我觉得他的架构更完整一些，自带支持typescript和es6语法，如果要用express或者。

通过我们的封装以后，我们使用这个组件的方式就变得简单很多啦，就如果出现一个页面有连续的多个表格的情况，我们也可以通过 配置一个对象来实现循环遍历，我自己的感觉就是代码量减少了特别多，以前一个组件一个文件的，一个页面有 5、6 个表格的时候，要创建 5、6 个文件，然后每个都写一遍，这不就是“搬砖”吗？复制来复制去，然后改改参数，如果你发现你的工作就像 “搬砖” 的话，你就要打开自己的思路，一定要想办法结束这种 “搬砖”的状态。工程师就是解决问题的，不要让自己成为问题。

react ref 数组

只要把webpack的配置信息配置好了，其他的就交给webpack的complier打包就行了，更多的可能就是要做交互的信息提示，以及异常处理而已

可能这样实现的方式有很多，也有虚拟列表什么之类的方式，经过我的一番研究，我发现一个还不错的方法，不需要借助第三方库就能实现。，其实很新闻的列表有点像，只不过我们这个没有分页处理。处理方案：未出现在屏幕内的模块元素，先不加载，等轮动进屏幕以后再，进行加载。......

从执行步骤上来看，基本就是这 5 步了init: 命令行参数解析createApp：做一些路径上的处理 和文件的写入，把参数给到run：给install和做参数处理install：安装相关依赖：执行node代码。

useState返回的list是基于basestate计算出来的，并且由于闭包的存在，每个「数字按钮」add函数中的list都不同有个问题得说明一下，这并不是React框架的问题，这是JavaScript闭包的特点，而useState是基于basestate更新的，所以就会显示出一种和我们预期不太一样的结果。httpshttpshttpshttps。...

react 项目中遇到的竟态问题

useEffect 面试题

与React类组件相比，React函数式组件究竟有何不同呢？之前听到最典型的回答就是：类组件提供了更多特性（如：State）。当然随着 hooks 出现，事实早非如此举个例子相信很多人都看过一个非常经典的例子：这是 react 函数组件的实现function ProfilePage(props) { const showMessage = () => { alert('您已成功关注' + props.user); };// 用setTimeout 模拟网络请求 const

Hooks对于 React Hooks 相信很多小伙伴都是在熟悉不过了，不管你会不会用，你肯定都已经听过了,我后端的朋友的知道了。官方对 Hooks 的介绍也是非常的简洁Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.就是在 React 16.8 之后才有的，可以在不用class的情况下，使用 state 等其他 React