艾米的猫儿的博客

react 学习笔记state props 构造器 refs createRef 受控组件和非受s控组件 生命周期 diff原理 脚手架 项目文件分析 css样式模块化 快捷键rcc rfc代码片段 随机id插件 uuid 和 nanoid 的使用 axios 使用

注册路由的时候要用Suspense

setState的两种使用方法1.对象式的setState（1）不带回调函数this.setState({aa:1})(2)带回调函数（一般不传）this.setState({ aa:1},()=>{ console.log('是setState更新完，页面render完，再执行这个函数')})2.函数式的setState this.setState((state, props) => { console.log(sta...

1.打包 会在根目录生成一个build文件夹yarn build2.安装服务器yarn add serve3.跳转到生成的build文件夹下yarn serve

1.创建reactnpm install create-react-appcreate-create-app 项名名称2.使用redux2.1安装 yarn add redux2.2创建一个与compontents 同级的文件夹redux 创建两个js文件 一个store.js 一个count_reducer.jsstore.js代码如下/** * 该文件专门用于暴露一个store对象，整个应用只有一个store对象 */// 引入createStore方法，专门用户.

1.安装yarn ass antd 或者 npm install antd2.引用import { Button } from 'antd'; // 引入组件import 'antd/dist/antd.css'; // 引入样式

一般组件如何能拥有路由组件的api使用withRouter方法

1.安装yarn add react-router-dom 或者 npm install react-router-dom2.在app.js中引入

两种方法现在均可使用找一个可以正常运行的组件放入，查看效果1.实例方法 需要再构造方法中提前创建节点2.函数传参方法（个人觉得第二种方法简单些）代码如下：class Search extends Component { constructor (props) { super(props) // 第一种方法用到的引用创建 this.keyWordElementNew = React.createRef() } sear

1.安装yarn add axios 或者 npm install axios2.安装fehelper 整理请求接口书地址：https://www.baidufe.com/fehelper/index/index.html安装方法下载当前最新版*.crx chrome浏览器地址栏输入：chrome://extensions/ 并打开 右上角开启开发者模式 拖拽crx到当前页面，完成安装3. 出现跨域怎么搞4.兄弟间交互pubsub-jsyarn add..

第一条 父子传参（父传子）1.父传子1. 父组件向子组件传参 {...item} 表示把整个item参数对象都传过去了 change 是传递方法<ListItem key={item.id} {...item} change={this.change}/>2.子组件接收参数const {name, doStatus, id} = this.props2.子传父及孙传父父组件向子组件传递方法<Lists change={th...