11 2018 档案

摘要:React路由简单配置 Router的history是必需的props Router中只能有一个子元素 Switch:只渲染第一个与当前地址匹配的<Route> Route的props path为路径,component为路径对应的页面,exact精确匹配这是一个简单的路由配置,可以实现页面的简单跳 阅读全文
posted @ 2018-11-19 14:48 朝曦Z 阅读(5285) 评论(0) 推荐(0)
摘要:前言 Philip Roberts 在演讲 great talk at JSConf on the event loop 中说:要是用一句话来形容 JavaScript,我可能会这样: “JavaScript 是单线程、异步、非阻塞、解释型脚本语言。” 单线程 ? 异步 ? ? 非阻塞 ? ? ? 阅读全文
posted @ 2018-11-14 16:25 朝曦Z 阅读(343) 评论(0) 推荐(0)
摘要:在React官网文档学习React HOC,整个看了一遍还是云里雾里的,于是按照官网文档,自己动手实践一下。官网地址: "React 高阶组件" 定义:高阶组件就是一个函数,且该函数接受一个组件作为参数,并返回一个新的组件 使用高阶组件(HOC)解决交叉问题 假设有两个组件,CommentList组 阅读全文
posted @ 2018-11-14 10:57 朝曦Z 阅读(672) 评论(0) 推荐(0)
摘要:在React开发中遇到了一个问题: 需求是在一个选择组件中选择数据 数组,确定后将 数组返回到父组件,再次打开该选择组件时,从父组件获取之前选择的数据 并显示为已选择。 大概流程如下: 按照逻辑,在选择组件中选择 ,触发 事件,将此时改变的 设置为 ,点击确定后触发 函数,将 传给父组件。但若点击取 阅读全文
posted @ 2018-11-05 14:02 朝曦Z 阅读(2953) 评论(0) 推荐(0)
摘要:实现功能:勾选checkbox项,确定后,已勾选的checkbox项以tag标签的形式展示,tag标签可快捷删除。 实现过程: 使用React。 使用Ant Design的Checkbox、Tag组件。 整个组件主要分为两个部分:多选框组和Tag标签组。 1. 多选框组 由于Ant Design官网 阅读全文
posted @ 2018-11-02 17:08 朝曦Z 阅读(8767) 评论(4) 推荐(0)