react
文章平均质量分 64
织_网
需求指导设计,设计指导开发
展开
-
react-use react hook 库
根据绑定器的不同,你可能会在ES6命名导入语句中遇到缺少依赖项的错误。有些钩子要求安装对等依赖项,因此我们建议单独导入。如果你希望同时使用这两种方法,你可以通过将以下配置添加到.babelrc文件中,将命名的导入语句转换为使用babel-plugin-import的单个导入语句。你需要安装React 16.8.0或更高版本才能使用Hooks API。或使用 ES6 命名导入。你可以分别导入每个钩子。...原创 2022-08-08 15:55:57 · 512 阅读 · 0 评论 -
常用工具函数 持续更新
只刷新一次页面获取url参数对象原创 2022-07-27 22:32:41 · 131 阅读 · 0 评论 -
React: FC(Hooks) 对比 Class Component
是否有等效于componentDidCatch的React钩子(Hook)?所以我可以让这个组件成为一个函数而不是一个类?我有一个简单的组件,它充当我的React应用程序中的错误边界,并将任何错误传递给日志服务。原创 2022-07-15 15:59:54 · 740 阅读 · 0 评论 -
react 集成 wangEditor组件 可上传图文
简洁易用,功能强大快速接入,配置简单,几行代码即可生成。集成了所有常见功能,无需二次开发。在 Vue React 也可以快速接入。支持 JS Vue React不依赖任何第三方框架,可用于 jQuery Vue React 等。wangEditor 提供了官方的 Vue React 组件。踩过 4000+ 坑wangEditor 开源多年,有大量用户使用和反馈,我们已解决了太多的用户问题(详见 github issues)。...............原创 2022-07-08 20:17:22 · 884 阅读 · 1 评论 -
长列表性能优化方案 memo
在计算机领域,记忆化是一种主要用来提升计算机程序速度的优化技术方案。它将开销较大的函数调用的返回结果存储起来,当同样的输入再次发生时,则返回缓存好的数据,以此提升运算效率。注: 在 《JavaScript 忍者秘籍》的 3.2.2 节中「自记忆函数」中有这样的介绍:记忆化是一种构建函数的处理过程,能够记住上次计算结果。在这个果壳里,当函数计算得到结果时就将该结果按照参数存储起来。采用这种方式时,如果另外一个调用也使用相同的参数,我们则可以直接返回上次存储的结果而不是再计算一遍。像这样避免既重复又复杂..原创 2022-06-15 20:14:27 · 434 阅读 · 0 评论 -
react antD 模糊查询
没有查询接口实现查询filterOptionfilterOption={(input, option) => option.props.children.indexOf(input) >= 0 } <Col span={6}> <CstSelect labelCol={{ span: 6 }} wrapperCol={{原创 2022-04-21 16:44:56 · 2223 阅读 · 0 评论 -
React 生命周期 钩子函数
React15挂载过程 // 完成了React数据的初始化。 props、stateconstructor()// 组件已经完成初始化数据,但是还未渲染DOM时执行的逻辑componentWillMount()// DOM完成,网络请求componentDidMount() 更新过程// 接收父组件新的props时,重新渲染组件执行的逻辑。componentWillReceiveProps(nextProps)// 在setState以后,state发生变化,组件会进入重新渲原创 2021-12-10 17:56:14 · 1739 阅读 · 0 评论