React
关注
分享
扫一扫
文章平均质量分 73
React学习笔记
小天才程序员
行到水穷处 坐看云起时
展开
-
原生+React实现懒加载(无限滚动)列表
文章导航效果预览原生代码实现迁移到React效果预览原生代码实现???? index.html<body> <div id="wrapper" onscroll="handleScroll()"> <ul id="container"></ul> </div> <script type="text/javascript" src="./index.js"></script></body原创 2021-12-20 16:43:54 · 4282 阅读 · 0 评论 -
关于虚拟列表的思考
虚拟列表原创 2021-12-13 14:55:27 · 1486 阅读 · 1 评论 -
关于React中的setState()
setState 是同步的还是异步的；setState 的批量 (合并) 更新；setState 的 2 种写法原创 2021-09-05 20:58:31 · 646 阅读 · 0 评论 -
从0构建React + TypeScript项目
????文章导航项目初始化构建文件目录构建工具安装webpack配置启动项目添加更多的模块BabelReactTypeScript前面到启动项目部分这块实际上是通过 webpack 构建一个前端项目，后面一部分是在项目上进行更多的扩展。项目初始化首先，新建一个文件夹，选择一个你喜欢的包管理工具 npm 或 yarnyarn init一路回车就能得到一个 package.json 文件此时的项目目录是这样的：构建文件目录public/index.html作为项目打包的模板文件，记得原创 2021-08-23 11:33:48 · 467 阅读 · 0 评论 -
React中的MobX(不使用Context)
在React提出Context之前，Provider和inject()就是MobX提供的数据共享的解决方案。在React提出Context之后，提供了，Provider和inject()就显得没有那么必要了。原创 2021-08-11 18:43:02 · 1030 阅读 · 0 评论 -
React中的MobX(Context)
MobX 结合 React 的 Context原创 2021-08-11 17:05:28 · 595 阅读 · 0 评论 -
React的Context到底怎么用
React之Context原创 2021-08-10 21:36:27 · 1188 阅读 · 0 评论 -
React.Component, React.PureComponent和React.memo()
React.Component, React.PureComponent和React.memo()原创 2021-08-09 21:00:06 · 314 阅读 · 0 评论 -
React 父组件调用子组件中的方法
React 父组件调用子组件中的方法原创 2021-08-05 21:26:16 · 21262 阅读 · 0 评论 -
基于 react-router 嵌套路由与配置化路由
React Router嵌套路由与配置化路由原创 2021-04-06 16:49:04 · 9971 阅读 · 6 评论 -
React.Children
????文章导航React.ChildrenReact.Children.map()React.Children.forEach()React.Children.count()React.Children.only()React.Children.toArray()React.Children???? React.ChildrenReact.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。假设我们有下面的实例：<Child> &l原创 2021-03-29 23:09:32 · 716 阅读 · 1 评论 -
React: Objects are not valid as a React child (found: object with keys {})
错误消息Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.错误原因分析错误原因大致就是代码中出现了 {{}} 双大括号的形式.{{ param }}// 正确写法{ param }然后需要注意的是: 这种情况编译器不会有错误提示, 有时候用在注释上可能难以发现:原创 2021-03-09 16:42:10 · 3191 阅读 · 0 评论 -
React 事件中 this 的指向
React 事件中 this 的指向原创 2020-12-22 10:14:44 · 585 阅读 · 0 评论 -
React生命周期函数怎么用
componentDidMount组件首次挂载到页面中时执行，组件更新时不执行。这里说的 首次挂载 指的是组件被插入到 DOM 树中的操作，也就是组件被卸载之后重新挂载也会执行，但是更新组件就不会执行。在这里适合做一些什么操作呢？此时组件已经挂载到 DOM 树中，所以可以做一些依赖于 DOM 的操作也可以通过网络请求获取数据getSnapshotBeforeUpdate⭐不常用getSnapshotBeforeUpdate(prevProps, prevState) {...}prev原创 2020-12-21 21:25:14 · 535 阅读 · 0 评论 -
React冷知识
shouldComponentUpdate 为什么执行两次？在新版本的 React 严格模式下 (StrictMode) 会执行两次原创 2020-12-21 20:11:48 · 483 阅读 · 0 评论 -
React项目中优雅地使用CSS
React中CSS模块化原创 2020-08-14 20:47:10 · 4387 阅读 · 0 评论 -
搭建React本地开发环境
文章目录npm方式npx方式使用create-react-app搭建React本地开发环境npm方式全局安装create-react-app，如果已经安装就不需要了npm install -g create-react-appcreate-react-app my-appnpx方式npx是npm v5.2.0之后引入的命令，其主要目的是为了调用内部安装的模块和避免全局安装npx ...原创 2019-09-28 15:45:27 · 8684 阅读 · 0 评论