搭建React+TypeScript项目
摘要：create-react-app构建TypeScript项目 create-react-app my-app --template typescript 然后进入项目并启动 cd my-app/ npm run start 项目启动成功，浏览器默认打开http://localhost:3000/ 持
阅读全文
posted @ 2021-04-25 22:07
随笔分类 - react学习笔记
学习react
ant按需加载、配置config-overrides.js文件、项目中引入less、解决TypeError: this.getOptions is not a function错误
摘要：安装antd模块 npm install antd 按需加载需要安装的模块： npm install react-app-rewired customize-cra babel-plugin-import 引用less需要安装的模块 npm install less less-loader 按需加载
阅读全文
posted @ 2021-04-02 00:31
Ant Design编辑表格(类组件)
摘要：Ant Design官网编辑表格--类组件写法 import React,{Component} from "react"; import ReactDOM from "react-dom"; import "antd/dist/antd.css"; import { Table, Input, B
阅读全文
posted @ 2021-03-26 00:07
Hoot新特性
摘要：特性State Hook components/Demo1.jsx import React, {useState} from "react"; // export default class Demo1 extends React.Component{ // state = { // count:
阅读全文
posted @ 2021-03-14 22:50
react项目实战--简单登录注册
摘要：补充： 在windows系统中查看，进入到需要查看的目录后，按住shift键，然后单击鼠标右键，选择“在此处打开命令窗口”，输入命令 目录下的所有目录：tree 目录下的所有目录和文件：tree /f 项目目录树 src │ index.js │ routes.js │ ├─actions │ si
阅读全文
posted @ 2021-03-12 00:27
react常遇到的坑（新手）
摘要：错误类型1：在类的component后加(),看作是方法 错误：class App extends React.Component() 解决办法：React.Component是一个对象,更改成class App extends React.Component 持续更新中......
阅读全文
posted @ 2021-03-11 22:20
React进阶
摘要：定时器、网络请求、事件监听,在组件被销毁前都应该得到相应的处理 App.js import React from 'react'; import Demo1 from './components/Demo1/parent'; import Home from './components/Home';
阅读全文
posted @ 2021-03-02 00:02
React-Router路由配置
摘要：React-Router 参考学习地址: https://reactrouter.com/web/guides/quick-start // 5 的版本主要是针对 react Hook 做更好的支持 安装 npm install react-router-dom --save 路由的作用 单页面应用
阅读全文
posted @ 2021-02-17 23:28
Fetch请求
摘要：get请求 App.js import React from 'react'; import ProxyDemo from './ProxyDemo'; export default class App extends React.Component { constructor(props) { s
阅读全文
posted @ 2021-02-12 19:58
redux学习笔记
摘要：学习参考链接 中文官方文档：http://cn.redux.js.org/ 阮一峰教程：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html 基础知识点： React，状态数据，state 组
阅读全文
posted @ 2021-02-01 00:20
React基础知识
摘要：JSX语法介绍 JSX语法：JavaScript + XML语法（HTML） 解读jsx语法：遇到<>安装HTML语法解析，遇到按照JavaScript const element = <h1>Hello, world!</h1>; 元素渲染 function tick() { const elem
阅读全文
posted @ 2021-01-30 11:38
脚手架创建react项目
摘要：脚手架创建react项目 确认node版本 查看node版本：node --version 顺便查看npm版本：npm --version 如果没有node版本，请安装node版本并配置相关的环境变量 安装Node只需要进入Node网站，进行响应版本的下载，然后进行双击安装就可以了。 Node中文网
阅读全文
posted @ 2021-01-30 10:36
