weixin_40802058的博客

 App.js import React, { Component } from "react"; import logo from "./logo.svg"; import "./App.css"; import ThemeContext from './theme-context'; import ThemedBar from './components/ThemedBar'; co...

1.它是一种语法糖  --- React.createElement() 2.ReactElement对象

1.纯函数 function sum(a,b){  return a + b } 传入值相同时，总会返回相同的结果     2.非纯函数 function sum(a,b){   a = a + b   return  a } 会改变自己的输入值   react 中的组件 必须像纯函数一样 使用自己的 props ，props 是不能修改的    ...

高阶函数基本概念 1.函数可以作为参数被传递 setTimeout(()=>{ console.log(0) },1000) 2.函数可以作为返回值输出 function foo(x){ return function(){ return x; } } 高级组件的基本概念 1.高阶组件就是接受一个组件作为参数并返回一个新组件的函数 2.高...

1.Mounting constructor() static getDerivedStateFromProps() render() componentDidMount() 2.Updating static getDerivedStateFromProps() shouldComponentUpdate() render() getSnapshotBeforeUpda...

import React from 'react' export default class CommentBox extends React.Component { constructor(props) { super(props) // 受控组件改为非受控组件 // this.state = { // value...

1.npm Intellisense 有自动补全的功能 var lodash = require('lodash') 2. path Intellisense 自动补全文件名 import CityAction from "../../../store/main/cityAction.js"; 3. Prettier-Code formatter 做代码格式化 4.Re...

在终端输入 npx create-react-app my-order //my-order 是创建项目的名字 如果下载速度比较慢 也可以下载淘宝的镜像源 启动命令 npm start

componentDidMount(){ fetch('服务器接口').then(res=>{ if(res.ok){ res.json().then(data=>{ this.setState({ data //ES6语法 }) }) ...