![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
零碎゛記忆 。
这个作者很懒,什么都没留下…
展开
-
JSX & 组件 & State
中文文档 https://react.docschina.org/是跟 Vue 很相似的一套框架,它Facebook写的在国内,它使用范围没 Vue 那么广React最有学习价值,历史地位非常高的声明式 v-text {{}} M->V组件化 Vue.component() .vue文件安装Facebook开源框架react.min.js //React 的核心...原创 2019-02-23 17:28:49 · 321 阅读 · 0 评论 -
React基础
React了解ReactReact是一个视图层的框架,起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认...原创 2019-05-14 14:27:09 · 179 阅读 · 0 评论 -
React生命周期 & 双向数据绑定
生命周期constructor是组件第一个生命周期,该周期是组件(构造函数)实例化的时候,获取props和state或者执行一些初始化函数的一个周期该周期就是我作为一个组件,我演员拿剧本(props)和化妆(state),准备最好的状态去登场ES5是用getDefaultProps()和getInitialState这两个来表述该生命周期ES6是用constructor来表述该状态co...原创 2019-08-03 15:59:17 · 364 阅读 · 0 评论 -
webpack 搭建 react
webpack基于nodeJS,来实现模块化的gulp自动化构建工具,打包合并压缩重命名等…webpack其实也是一套自动化构建工具,在打包代码的时候也是跟gulp很想的webpack功能相对多左边比较多的文件(模块),也比较多的格式(js,css,html,jsx,scss)右边文件比较少,大部分都是转为JS格式,还有一些图片格式webpack其实处理各种类型的文件,最终想把他们...原创 2019-03-06 22:24:22 · 136 阅读 · 0 评论 -
Redux 仓库 & setState
reduxhttps://github.com/reduxjs/reduxhttps://redux.js.org/introduction/core-concepts组件通信数据父传子(props)兄弟通信(redux/vuex)平行组件之间的通信State(存放数据的地方)通信的数据都会存放在这里Getter (获取需要通信的数据)Mutation (修改交换的数据)Ac...原创 2019-03-06 22:23:27 · 516 阅读 · 0 评论 -
React脚手架 & 路由
脚手架creact react app的官方文档以系统管理员的身份,安装该脚手架全局命令npx create-react-app my-app //第一种方法装脚手架npm install create-react-app -g你就会在全局命令行里面拥有一个create-react-app命令,可以用以下命令检查是否安装成功create-react-app -V创建第一个项目,...原创 2019-03-06 22:23:06 · 790 阅读 · 0 评论 -
React(父子通信)
react父子通信父子组件通信,在父组件内定义函数,用props将函数传入子组件,在子组件内执行该函数,修改父组件数据,父组件再配合shouldComponentUpdate生命周期监听数据修改,刷新页面//home父组件import React, { Component } from 'react';import Xcontent from './../components/Xcont...原创 2019-08-03 15:47:41 · 112 阅读 · 0 评论