随笔分类 -  React

摘要:流程组件介绍: 该组件参考老版力软learun框架中的jquery流程组件进行重构,改写为react的组件。样式、操作、交互方式大致相近。 该组件依赖的react版本大于18(不是不能做到兼容旧版react,而是要写就写新版本的,还用老的干嘛) 下载 //npm下载npm install cmao- 阅读全文
posted @ 2024-04-10 15:23 shine声 阅读(281) 评论(0) 推荐(0) 编辑
摘要:一.前言 移动端web较为常见的使用了标签栏,如下。可以通过切换该tab选项来展示不同的内容。 在antd-moblile中,TabBar是标签栏的组件。现在要和react-route搭配,来给它定义四个路由,每个url对应一个标签。 二.路由定义 参照之前react学习中route的使用。在App 阅读全文
posted @ 2021-12-07 17:26 shine声 阅读(1215) 评论(2) 推荐(0) 编辑
摘要:一.前言 懒加载也有其它叫法,比如按需加载,代码分页等。简单来说,就是将js代码分割成多个文件,根据需要再加载对应js文件。 在单页面应用中,我们可以使用懒加载,根据不同的路由去加载对应页面的js文件。这样可以减少首屏加载时间,同时减少资源浪费。 二.使用React-Route 参考我之前的文章,有 阅读全文
posted @ 2021-10-11 14:41 shine声 阅读(1537) 评论(0) 推荐(0) 编辑
摘要:一.场景 单页应用可以根据路由去加载不同组件,在react中,官方有一个Router组件可以让我们做这个路由配置,实现不同路由去加载不同组件。 二.安装 这里选择react-router的4.x以上的版本,必须要安装react-router-dom。注意v4版本和之前的版本有较大区别。 npm in 阅读全文
posted @ 2021-10-09 17:11 shine声 阅读(379) 评论(0) 推荐(0) 编辑
摘要:一.组件 React可以将模块拆分为多个组件,用分而治之的思想,让各个组件专注于实现某个功能。在设计上,符合高内聚、低耦合原则。高内聚是组件内部实现自己的逻辑,像展示页面的jsx,定义行为的js,甚至是样式css。低耦合是,各个组件相互依赖关系要弱化,每个组件尽量独立。 二.组件交互 定义一个Hom 阅读全文
posted @ 2021-10-08 11:22 shine声 阅读(108) 评论(0) 推荐(0) 编辑
摘要:一.定义react数据 var React = require('react'); class App extends React.Component { constructor() { super(); //定义数据 this.state = { text: "hello world" }; } 阅读全文
posted @ 2021-09-18 14:40 shine声 阅读(541) 评论(0) 推荐(0) 编辑
摘要:一.前言 在学会React项目构建的相关配置后,我们就可以尝试自己创建一个React的组件(Component),并熟悉React的语法和组件使用。 二.创建组件 创建一个js或jsx页面,首先要引入react,然后定义一个class,声明这是个App类,继承react的Component,这就定义 阅读全文
posted @ 2021-08-15 17:41 shine声 阅读(119) 评论(0) 推荐(0) 编辑
摘要:一.准备 项目构建参考《前端实践项目 目录》,也可以选择使用create-react-app这个脚手架去构建项目。 二.安装 npm安装react。 npm install react --save-dev npm install react-dom --save-dev 需要使用babel来将ES 阅读全文
posted @ 2021-08-05 16:28 shine声 阅读(508) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示