企业后台布局常采用多tab的方式，即可通过不同tab之间的切换访问已打开的页面，如下图所示。后台管理系统中一种常见的场景为从列表页到详情页展示，多tab的形式能够更好的满足这种业务场景，尤其在不同的tab页有对比的情况下。 我们可以通过每个标签记录不同的路由的形式，即<tab,…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

MobX 是一个简单、可伸缩的响应式状态管理库。通过 MobX 你可以用最直观的方式修改状态，其他的一切 MobX 都会为你处理好（如自动更新UI），并且具有非常高的性能。 MobX 文档的概念和 API 比较多，初次接触时可能会感觉无从下手或者抓不住重点，本文尝试提供一份 M…

这篇文章将向大家分享createDrawerNavigator的一些开发指南和实用技巧。 RouteConfigs(必选)：路由配置对象是从路由名称到路由配置的映射，告诉导航器该路由呈现什么。 DrawerNavigatorConfig(可选)：配置导航器的路由(如：默认首屏，…

本文介绍了如何在 Create React App 脚手架中启用 Sass 和 Less。 关于创建 create-react-app 项目请查看： create-react-app 的安装与创建。 关于在 less 和 sass 如何在 create-react-app 启用…

组件的生命主要包括3个阶段： 挂载、更新、卸载，React 16开始还添加了错误处理。 而constructor()用来做一些组件的初始化工作，如定义this.state的初始内容。 在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重…

首先，这篇文章的目的并不是为了重新叙述一遍React-Router4的文档。接下来我要说的内容，将会覆盖React-Router的大多数API，但是真正的目的是揭开React-Router4成功的模式和策略。 如果你喜欢直接看demo来了解，请点击此链接查看。 React-Ro…

本系列分为四篇：建站四部曲之后端接口篇（SpringBoot+上线）建站四部曲之Python数据爬虫篇(selenium)建站四部曲之前端显示篇（React+上线）建站四部曲之移动端篇（Android