Forever_che的博客

React介绍 React的起源与发展 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 Facebook认为MVC无法满足他们的扩展需求，由于他们非常巨大的代码库和庞大的组织，使得MVC很快变得复杂，每当需要添加...

React脚手架—CRA create-react-app【CRA】 React官网提供的脚手架(快速构建一个项目) 全局安装create-react-app $ npm install -g create-react-app 如果不想全局安装，可以直接使用npx $ npx create-react-app your-app 也可以实现相同的效果 创建一个项目 $ create-reac...

React入门 元素与组件 使用CRA脚手架，一般src目录下的index.js目录是这样的 import React from 'react'; // 使用React API 支持jsx import ReactDOM from 'react-dom'; // 渲染React元素到页面中 import './index.css'; import App from './App'; impo...

React的数据、事件 组件的数据挂载方式 React中数据分为两个部分 属性 状态（可以频繁变化） Vue中数据只有状态这一种类型 属性（props） props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是可以通过父组件主动重新渲染的方式来传入新的props 内部设置的属性是不去更改的 属性是描述性质、特点的，组件自己不能随意更改 之...

React组件通信、高阶组件 组件通信 父子组件通信 无论父组件传递是props还是state,子组件都是通过props接收 子父组件通信 父组件传递方法给子组件，子组件调用父组件传递过来的方法（传参） 自己的状态自己更改 非父子组件通信 父组件将方法传递给子组件1，将状态传递给子组件2，子组件1调用方法修改父组件状态，从而改变子组件2的视图 ref链 ref...

React-router React Router之前版本的思想是传统的思想：路由应该统一在一处渲染， Router 4之后是这样的思想：一切皆组件 React Router包含了四个包: 包名 Description react-router React Router核心api react-router-dom React Router的DOM绑定，在浏览器中运行不需要额...

状态管理 Flux 核心组成部分 Store 存储状态（数据） 通过事件的订阅和发布更新视图 Views 视图，使用React 组件充当 Actions 动作创建者 视图中的数据交互和用户交互 Dispatch 派发器 修改数据 Flux流程 要想使用FLux架构思维，需要通过一个工具进行使用， 这个工具就是flux yarn add flux 在s...