项目组织结构所有的新增文件均放在项目根目录下的 src 里，主要有包含各页面的 components 子目录、数据模型的 data 子目录、负责数据存取的 stores 子目录、公共样式定义 styles 子目录、存放资源图片等的 resources 子目录等。index.ios.js 是 Native 应用的入口，该文件尽量简洁，指向 RN 项目里负责页面跳转的主文件 components/Ze
原创
2021-01-24 19:56:25
552阅读
打包 运行项目 npx react-script start
原创
2022-10-29 14:58:03
125阅读
引言：本文是我研究react-native时写的一个简单的demo，代码里有详细的注释，好废话不多说，直接上代码。 1.项目目录 2.index.android.js 3.service.js 4.util.js 5.searchBar.js 6.left_icon.js 7.header.js 8
转载
2017-07-10 17:15:00
146阅读
2评论
react-script提供了我们想要得功能 安装包
原创
2022-10-29 14:58:10
125阅读
react项目实战--简单登录注册补充：在windows系统中查看，进入到需要查看的目录后，按住shift键，然后单击鼠标右键，选择“在此处打开命令窗口”，输入命令目录下的所有目录：tree目录下的所有目录和文件：tree /f项目目录树src│ index.js│ routes.js│├─components│ │ App.js│ │ NavigationBar.jsx│ ││
转载
2021-03-12 11:02:28
750阅读
2评论
我们需要记录每一个字段当前的有效状态，有效时隐藏错误信息，无效时显示错误信息。 而这个有效/无效，可以在表单值改变的时候进行判断。 我们对/src/pages/UserAdd.js进行修改： 首先修改了state的结构，把每个表单的值都放到了一个form字段中，方便统一管理；然后每个表单的值都变为了
转载
2018-02-23 15:30:00
188阅读
2评论
本博客pdf链接: https://pan.baidu.com/s/1QFyYm_hJhZE4EWgq6yvpAg 提取码: 5mgxReact进阶之路系列学习笔记：React进阶之路系列学习笔记github源码：React_learning11.0 MoBX知识结构与核心概念1.MobX知识结构2.MobX数据流管理状态 3.MobX核心API1、obse...
原创
2021-07-14 15:39:11
1807阅读
重复代码是混乱的根源！，本篇文章我们来继续消灭重复代码。 目标 细心的同学应该能发现：每一个Page组件（/src/pages下的组件）的render方法都拥有相似的jsx结构，比如： 每一个页面都包含一个页面的标题（header标签和h1标签），并且页面的主要部分都被放在了一个main标签中。 现
转载
2018-03-09 23:38:00
72阅读
2评论
react可以利用React.Fragment代替div进行数据展示
原创
2022-11-12 07:17:36
103阅读
现在我们需要一个页面来展现数据库中记录的用户。 在/src/pages下新建UserList.js文件。 创建并导出UserList组件： 当页面加载的时候需要调用接口来获取用户列表，并把获取到的用户列表数据存放到组件的state中（this.state.userList）： 在render方法中，
转载
2018-02-25 19:15:00
254阅读
2评论
一、创建项目在WebStorm里面创建一个项目，输入命令：yarn create umi弹出选项，这里我们选择第二项APP。选择是否使用typescript，
原创
2023-07-10 10:20:39
318阅读
添加操作列 编辑与删除功能都是针对已存在的某一个用户执行的操作，所以在用户列表中需要再加一个“操作”列来展现【编辑】与【删除】这两个按钮。 修改/src/pages/UserList.js文件，添加方法handleEdit与handleDel，并在table中添加一列： 点击编辑（删除）时，会把该行
转载
2018-03-10 23:36:00
66阅读
2评论
SPA的鉴权方式和传统的web应用不同：由于页面的渲染不再依赖服务端，与服务端的交互都通过接口来完成，而REASTful风格的接口提倡无状态（state less），通常不使用cookie和session来进行身份认证。 比较流行的一种方式是使用web token，所谓的token可以看作是一个标识
转载
2018-03-12 17:55:00
162阅读
2评论
项目实战技术架构我们使用了React，jsx, 路由，create-react-app, axios, less, webpack实现一个单页面应用程序目录部署build 文件发布的目录src 开发的目录app 应用程序pages 所有页面components 所有组件router.jsx 路由index.jsx 入口文件base.less 样式文件我们遵守create-react-app命名规范
原创
精选
2022-08-29 20:45:59
406阅读
React前后端分离实战租房项目一好客租房-20天day03-项目介绍以及开发后台系统(07.后台系统开发之form表单组件以及表单提交的讲解&)07.后台系统开发之form表单 port React, { PureComponent } f.
原创
2023-02-23 22:12:55
93阅读
