随笔分类 - A React AntDesign
React AntDesign
摘要：官方文档参考 Antd中使用高级配置，按需引入css样式 步骤： Ⅰ、$ yarn add react-app-rewired customize-cra / $ 1、cnpm install react-app-rewired --save 2、$ cnpm install customize-c
阅读全文
摘要：Ant Design of React文档 1 安装：$ cnpm install antd --save 2 在css文件中引入 Antd的css样式表 @import '~antd/dist/antd.css';（例如在App.css文件中最上方引入，但不要放在编码上面） 3 引用 2 Layo
阅读全文
摘要：1 简要举例 2 路由模块封装 Ⅰ、新建module文件夹，在里面新建route.js组件 3 嵌套路由父子组件传值 Ⅰ、route.js 2、App.js 3、子组件
阅读全文
摘要：1 一级页面 2 二级嵌套页面 3 三级嵌套页面 等等…… 4 展示
阅读全文
摘要：/* 实现JavaScript跳转路由 1、要引入Redirect import {Redirect} from 'react-router-dom'; 2、定义一个flag this.state = { loginFlag:false, }; 3、判断flag */
阅读全文
摘要：打包部署的路由配置 项目执行npm run build后，将打包后的build文件放到 Nginx 配置中。 如果 react-router 路由 使用了 history 模式（即<BrowserRouter>），那么在 Nginx 配置中必须加上: location / { ··· ··· try
阅读全文
摘要：React-router5.x文档：https://www.cnblogs.com/cckui/p/11490372.html 1 react路由配置 Ⅰ 找文档看 ① https://www.cnblogs.com/cckui/p/11490372.html ② http://react-guid
阅读全文
摘要：React 生命周期函数 /* 生命周期函数 组件加载之前，组件加载完成，组件更新数据以及组件销毁触发的一系列方法 这就是组件的生命周期函数 组件加载的时候触发的生命周期函数： constructor、UNSAFE_componentWillMount(老版本为componentWillMount，
阅读全文
摘要：1 axios 获取服务器（API接口）数据 /* Ⅰ、安装axios模块 cnpm install axios --save / npm install axios --save Ⅱ、import axios from 'axios' Ⅲ、看文档使用 https://www.kancloud.cn
阅读全文
摘要：/* 父子组件传值（通信） 1、父组件给子组件传值(父==>子) Ⅰ、在调用子组件时定义一个属性，<Components msg='组件'></Components> Ⅱ、子组件里面 this.props.msg 说明：父组件不仅可以给子组件传值，还可以给子组件传递方法，以及把整个父组件传给子组件，
阅读全文
摘要：1 在src里新建module文件夹 新建storage.js文件 2 引入自定义模块 3 使用模块 4 项目展示
阅读全文
摘要：参考项目：http://www.todolist.cn/ 1 添加待办事项 注意：这里添加localstorage,为了刷新后，原数据不消失，每次更新数据时都需要保存缓存（可以封装成一个方法） 2 待办事项部分 3 已完成事项部分 4 生命周期函数 备注：可以直接在this.state里直接把lis
阅读全文
摘要：参考项目：http://www.todolist.cn/ 1 编写添加待办事项功能 2 编写待办事项的展示 3 添加删除待办事项功能 4 待办事项手动修改时，数组数据也改变。数据双向绑定 注意：这里在传值时，第一个key是input里传的值，第二个e是事件
阅读全文
摘要：import React, {Component} from 'react'; class ReactForm extends Component { constructor(props) { super(props); this.state = { msg:'React表单', name:'',
阅读全文
摘要：1 事件对象 2 如何获取表单的值 ① {/* 1、监听表单的改变事件 2、在改变事件里面获取表单输入值 3、把表单输入的值赋值给username 4、点击按钮的时候获取state里面的username的值 */} ② 通过ref获取dom节点（A04的5原生dom获取value也可以） 3 键盘事
阅读全文
摘要：1 定义方法 与构造函数construct、和渲染函数render平级 2 在方法中获取数据 改变this指向的五种方式 ① getData1(){ alert(this.state.msg1); } <button onClick={this.getData1.bind(this)}>获取数据方式
阅读全文
摘要：新版react脚手架参考文档 https://blog.csdn.net/fungleo/article/details/80841159 1 目录结构整理 ① 在src中新建components文件夹用来存放js组件 ② 在src中新建assets静态资源文件夹用来存放静态文件 Ⅰ 在assets
阅读全文
摘要：一 老方法（推荐） ① 脚手架搭建（只需要执行一次） $ npm install -g create-react-app ② 创建项目，新建项目的目录，在目录文件夹里 $ create-react-app reactdemo01 ③ 到项目里面 $ cd reactdemo01 ④ 运行项目 $ n
阅读全文
摘要：1 安装node.js https://nodejs.org/en/ ① 判断node是否安装成功 $ node -v $ npm -V ② 安装cnmp代替npm 官网：https://developer.aliyun.com/mirror/NPM?from=tnpm $ npm install
阅读全文
浙公网安备 33010602011771号