React、ReactJS、React.js、ReactNative…这些有些相似的名词你最近听过多少遍了？对于它们究竟是什么你是否感到困惑？这篇文章，小编将用非常朴实的语言和插图来解释React家族中的各种各样的术语，并深入探索究竟是什么使得React如此特别。本文中并不需要任何代码知识便可阅读。

1、首先先全局安装create-react-app，这个跟vue-cli一样，都是创建组件化项目的脚手架npminstall-gcreate-react-app2、然后创建项目npxcreate-react-app项目名称创建成功后会展示他的命令行，cd到目录文件运行就可以了npmstart/*运行项目*pmrunbuild/*打包项目*/

02为什么React16要更改组件的生命周期？（上）React生命周期已经是一个老生常谈的话题了，几乎没有哪一门React入门教材会省略对组件生命周期的介绍。然而，入门教材在设计上往往追求的是“简单省事、迅速上手”，这就导致许多同学对于生命周期知识的刻板印象为“背就完了、别想

知识点：webpack搭配react环境实现适配配置动态式路由webpack搭配react环境安装依赖npminit-ycnpminstallreactreact-dom@typeseact@typeseact-domreact-router-dom@typeseact-router-domantdreduxreact-redux@typeseact-reduxreact-thunkredux-log

目录前言一、context1.使用场景2.使用步骤3.总结二、props深入1.children属性2.props校验3.props校验使用步骤4.props校验约束规则5.props默认值总结前言今天我们一起看一看在react中如何实现父组件向子孙组件传值吧~再来看看props能做些什么，能通过这些

通信方式：父子组件之间兄弟组件之间（变量提升）跨组件层级 1，父子通讯 父组件通过自定义属性传递，子组件通过props接收：        父组件：<子组件标签自定义属性1={值1}自定义属性2={值2}..../>    子组件-函数式组件-接收数据//接收数据：函数组

[react]React15和16别支持IE几以上？React15版本不直接支持IE8浏览器的，官方文档中说React16中依赖于集合类型Map和Set因此不再支持IE11以下的浏览器，如果想要支持，需要使用全局的polyfill个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢

关于使用useContext的固定套路有以下几个步骤:(一)导入并调用createContext,得到Context对象并导出.import{useContext}from'react'exportconstContext=React.createContext()//这里有导出(二)使用Provider组件包裹根组件,并通过value属性提供要共享的数

全貌：//1.引入useEffect,useStateimportReact,{useEffect,useState}from'react';importHeaderScreeningfrom'components/IDBHeaderScreening';import{SetLCollect}from'../..ewServices';importChartfrom'../C

什么是模块化：是从代码的角度来进行分析的；把一些可复用的代码，抽离为单个的模块；便于项目的维护和开发；什么是组件化： 是从 UI界面的角度来进行分析的；把一些可服用的UI元素，抽离为单独的组件；便于项目的维护和开发；组件化的好处：随着项目规模的增大，手里的组件越来越多；很方便就能把现

mobx记录用户登录状态（react）新建userStatus.tsimport{makeAutoObservable}from'mobx'import{UserInfo}from'..ypes'interfaceUserInfoStatusextendsUserInfo{status:string}classUserStatus{userStatus:UserInfoStatus={ac

报错：A<Route>isonlyevertobeusedasthechildof<Routes>element,neverrendereddirectly.Pleasewrapyour<Route>ina<Routes>.那是老版本的写法，报错是要用V6的写法。------------------下面是我的记录，可以不用看-----------先做两个路由界面 再做一个布

ReactRedux一、Redux#下载reduxnpmiredux1.redux的简单使用：constredux=require("redux");//初始化stateconstinitState={count:0}//reducer，纯函数functionreducer(state=initState,action){switch(action.type){case"incre

importReact,{useState,useEffect}from'react'import{StyleSheet,Text,View,Button,ActivityIndicator//活动指示器loading}from'react-native'constApp=()=>{const[animation,setAnimation]=useState(true)

1.children属性children属性：表示组件标签的子节点。当组件标签有子节点时，props就会有该属性children属性与普通的props一样，值可以是任意值(文本、React元素、组件，甚至是函数)//1.导入reactimportReactfrom'react';importReactDOMfrom'react-dom';/*chi

reduxRedux是一个独立的JavaScript状态管理库安装Reduxnpmireduxredux三大原则单一数据源:整个应用的state只存在于唯一一个store中state是只读的:唯一改变state的方法就是触发action，action是一个用于描述已发生事件的普通对象使用纯函数来执行修改