React
Forever_轩
这个作者很懒,什么都没留下…
展开
-
React介绍
React介绍React的起源与发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得复杂,每当需要添加...原创 2019-09-16 19:38:46 · 273 阅读 · 0 评论 -
React脚手架---CRA
React脚手架—CRAcreate-react-app【CRA】React官网提供的脚手架(快速构建一个项目)全局安装create-react-app$ npm install -g create-react-app如果不想全局安装,可以直接使用npx$ npx create-react-app your-app 也可以实现相同的效果创建一个项目$ create-reac...原创 2019-09-16 19:39:14 · 2218 阅读 · 0 评论 -
React入门
React入门元素与组件使用CRA脚手架,一般src目录下的index.js目录是这样的import React from 'react'; // 使用React API 支持jsximport ReactDOM from 'react-dom'; // 渲染React元素到页面中import './index.css';import App from './App';impo...原创 2019-09-16 22:18:20 · 571 阅读 · 0 评论 -
React的数据、事件
React的数据、事件组件的数据挂载方式React中数据分为两个部分属性状态(可以频繁变化)Vue中数据只有状态这一种类型属性(props)props是正常从外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是可以通过父组件主动重新渲染的方式来传入新的props内部设置的属性是不去更改的属性是描述性质、特点的,组件自己不能随意更改之...原创 2019-09-17 09:38:03 · 190 阅读 · 0 评论 -
React组件通信、高阶组件
React组件通信、高阶组件组件通信父子组件通信无论父组件传递是props还是state,子组件都是通过props接收子父组件通信父组件传递方法给子组件,子组件调用父组件传递过来的方法(传参)自己的状态自己更改非父子组件通信父组件将方法传递给子组件1,将状态传递给子组件2,子组件1调用方法修改父组件状态,从而改变子组件2的视图ref链ref...原创 2019-09-17 19:21:20 · 175 阅读 · 0 评论 -
react-router
React-routerReact Router之前版本的思想是传统的思想:路由应该统一在一处渲染, Router 4之后是这样的思想:一切皆组件React Router包含了四个包:包名Descriptionreact-routerReact Router核心apireact-router-domReact Router的DOM绑定,在浏览器中运行不需要额...原创 2019-09-23 19:19:36 · 150 阅读 · 0 评论 -
状态管理-react
状态管理Flux核心组成部分Store存储状态(数据)通过事件的订阅和发布更新视图Views视图,使用React 组件充当Actions动作创建者视图中的数据交互和用户交互Dispatch派发器修改数据Flux流程要想使用FLux架构思维,需要通过一个工具进行使用, 这个工具就是fluxyarn add flux在s...原创 2019-09-29 09:10:35 · 155 阅读 · 0 评论