
React
Yavin_Ma
Wuhan University(Remote Sensing) -> UC Berkeley(EECS)
展开
-
【React入门】【React+Router+Redux+Ant Design】【个人中心项目】(3)Login页面-账号密码登陆
1. 实现登录框(在Login内操作)1.1 登录方式切换可以使用账号密码登陆,或者用手机登陆。所以应当有一个Tabs,默认是显示账号密码登陆的tab。在Login/index.js中修改:import React from 'react'import { Tabs } from 'antd'import styles from './index.module.less'// module 是create react app的要求,它按照文件名来识别。const { TabPan原创 2020-09-01 23:28:43 · 2030 阅读 · 1 评论 -
【React入门】【React+Router+Redux+Ant Design】【个人中心项目】(2)Ant Design UI框架、Less与CSS Module
Ant Design UI框架、Less与CSS Module前置知识:开发环境与生产环境开发环境中部署源码。生产环境所部属的是编译生成的文件。相比生产环境,开发环境中额外包括了调试和编译中所需要的包。比如本章会提及的babel-plugin-import是在打包编译中使用的,所以只需要安装在开发环境.此外,开发环境中各类安装的模块保存在node_modules里面。而生产环境中需要的包已经被编译到了一些js文件里,如下图所示。这些文件中同时包括基础的运行环境和业务逻辑。1. 导入并使用an原创 2020-09-01 20:58:00 · 433 阅读 · 0 评论 -
【React入门】【React+Router+Redux+AntDesign】【个人中心项目】(1)配置路由
1. 项目创建按照React项目结构中所述完成准备。利用create-react-app(cra)创建项目,对创建出的项目目录的说明参考React项目结构。清理src文件下的index.js与App.js,使之变为空项目。2. 安装Router安装router由于生产环境需要router,所以不要用-D命令来只安装到开发环境中。(用缺省或-S都可以npm i react-router-dom -S引入BrowserRouter(在App.js中操作)在App.js里面.原创 2020-08-31 17:43:01 · 427 阅读 · 0 评论 -
【React入门】【todo-list】5. 使用localStorage实现持久化
第五篇原创 2020-08-27 16:07:04 · 306 阅读 · 0 评论 -
【React入门】【todo-list】4. 删除、完成待办项
第四篇原创 2020-08-27 16:05:53 · 287 阅读 · 0 评论 -
【React入门】【todo-list】3. 展示待办项
第三篇原创 2020-08-27 16:05:14 · 226 阅读 · 0 评论 -
【React入门】【todo-list】2. 实现输入框内容提交 与 待办项的新增
第二篇原创 2020-08-27 16:04:12 · 464 阅读 · 0 评论 -
【React入门】【todo-list】1. React项目结构
第一篇原创 2020-08-27 16:02:41 · 535 阅读 · 0 评论