AMD23的博客

React Router现在的版本是6, 于2019年3月21日搞笑的发布，搞笑的官网链接， 本来是要发布4.4的版本的，结果成了5。从4开始，使用方式相对于之前版本的思想有所不同。之前版本的思想是传统的思想：路由应该统一在一处渲染， Router 4之后是这样的思想：一切皆组件React Router包含了四个包:包名 Description react-router React Router核心api react-router-dom React Router的DOM绑

在大多数情况下，我们推荐使用 受控组件 来处理表单数据。在一个受控组件中，表单数据是由 React 组件来管理的。另一种替代方案是使用非受控组件，这时表单数据将交由 DOM 节点来处理。要编写一个非受控组件，而不是为每个状态更新都编写数据处理函数，你可以 使用 ref 来从 DOM 节点中获取表单数据。例如，下面的代码使用非受控组件接受一个表单的值：import React, { Component } from 'react';// 受控组件 --- value 配合 onChange

在 HTML 中，表单元素（如<input>、 <textarea> 和 <select>）通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用setState()来更新。我们可以把两者结合起来，使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元

从ECMAScript 2015开始，symbol是一种原始的数据类型，就像 number 和 string 一样。symbol 值是通过调用 Symbol构造函数创建的。let sym1 = Symbol();let sym2 = Symbol("key"); // 可选的字符串 keySymbols 是不可改变的，而且是独一无二的。let sym2 = Symbol("key");let sym3 = Symbol("key");sym2 === sym3; // false,

Enums（枚举）是TypeScript的少数功能之一，它不是JavaScript的类型级扩展。枚举允许开发者定义一组命名的常量。使用枚举可以使其更容易记录意图，或创建一组不同的情况。TypeScript提供了基于数字和字符串的枚举。1 数值型枚举我们首先从数字枚举开始，如果你来自其他语言，可能会更熟悉它。一个枚举可以用 enum 关键字来定义。enum Direction { Up = 1, Down, Left, Right,}上面，我们有一个数字枚举，其

本文中，小编将介绍一些在 JavaScript 代码中最常见的值类型，并解释在 TypeScript 中描述这些类型的相应方法。1.基元类型string,number, 和booleanJavaScript有三个非常常用的类型：string，number，和boolean。每个在 TypeScript 中都有对应的类型。我们发现，这些名称与我们在 JavaScript 应用typeof返回的类型的名称相同： string 表示字符串值，如 "Hello, world" nu...

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 是一种非常受欢迎的 JavaScript 语言扩展。它在现有的 JavaScript 语法之上加入了一层类型层，而这一层即使被删除，也丝毫不会影响运行时的原有表现。许多人认为 TypeScript "只是一个编译器"，但更好的理解其实是把 TypeScript 看作两个独立的系统：编译器（即处理语法的部分...

import React, { Component } from 'react';class Second extends Component { render() { return ( <div> { this.props.theme } - { this.props.color} </div> ) }}const First = (props) => { return ( <div&.

import React, { Component } from 'react';export default class App extends Component { state = { count:1 } addM(m,event) { console.log(event); this.setState({count:this.state.count + m}) } add (params1,params2,e.

事件本身处的位置是一个属性 如果属性的值是一个函数 使用{}包裹，一定要保证该函数内的this指向import React, { Component } from 'react';export default class App extends Component { constructor(props) { super(props); this.add1000Fn = this.add1000.bind(this) }...

在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数，无状态组件来展示 UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给 UI 组件进行渲染。在我看来，使用 React Hooks 相比于从前的类组件有以下几点好处：1.代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，通过 React Hooks 可以将功能代码聚合，方便阅读..

通常情况下，action只是一个对象，不能包含异步操作，这导致了很多创建action的逻辑只能写在组件中，代码量较多也不便于复用，同时对该部分代码测试的时候也比较困难，组件的业务逻辑也不清晰，使用中间件了之后，可以通过actionCreator异步编写action，这样代码就会拆分到actionCreator中，可维护性大大提高，可以方便于测试、复用，同时actionCreator还集成了异步操作中不同的action派发机制，减少编码过程中的代码量常见的异步库： Redux-thunk ✅✅✅✅

React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。 代码结构 组件之间的通信 2013年 Facebook 提出了 Flux 架构的思想，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内就成为了最热门的前端架构。如果你不知道是否需要 Redux，那就是不需要它 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 只有遇到 React 实在解决不了的问题，

在2013年，Facebook让React亮相的同时推出了Flux框架，React的初衷实际上是用来替代jQuery的，Flux实际上就可以用来替代Backbone.js，Ember.js等一系列MVC架构的前端JS框架。其实Flux在React里的应用就类似于Vue中的Vuex的作用，但是在Vue中，Vue是完整的mvvm框架，而Vuex只是一个全局的插件。React只是一个MVC中的V(视图层)，只管页面中的渲染，一旦有数据管理的时候，React本身的能力就不足以支撑复杂组件结构的项目，在传统的

父组件与子组件通信// 父组件调用子组件的地方，添加自定义的属性// 属性的值就是需要传递给子组件的值// 如果属性的值是变量，boolean类型，number类型，对象，数组，函数，null，undefined// 需要使用 {} 包裹// 如果需要设置子组件的属性的默认值// 不管是类组件还是函数式组件，可以在组件定义之后通过 Com.defaultProps 设置属性的默认值// 但是如果子组件是类组件，还可以通过组件的静态的属性 static defaultProps 设置属性..

想查看React生命周期的小伙伴可以查看博主的上一条文章哦(1) constructor(props)React组件的构造函数在挂载之前被调用。在实现React.Component构造函数时，需要先在添加其他内容前，调用super(props)，用来将父组件传来的props绑定到这个类中，使用this.props将会得到。官方建议不要在constructor引入任何具有副作用和订阅功能的代码，这些应当使用componentDidMount()。constructor中应当做些初始化的动作，如

React中组件也有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)1、初始化在组件初始化阶段会执行 constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMount() render() componentDidMount() 2、更新阶段

1、属性(props)props正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props。通过箭头函数创建的函数式组件，需要通过函数的参数来接收props:通过类创建的类组件，需要通过 this.props来接收属性import React from 'react'const Header = (props) => { return ( <header>...

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。react在发展过程中，一直跟随原生js的脚步2015年推出了使用react来编写移动端的app ---- react-nativeReact高性能的体现：虚拟DOM在Web开发中我们总需要将变化的数据实时反应到UI上，这时就需要对DOM进行操作。而复杂或

1.谈谈你对Vue的理解2.Vue的响应式数据3.你所理解的MVVM4.谈谈你对Vue指令的理解5.怎么去封装一个vue的自定义指令6.Vue2和Vue3的区别，以及他们发生了哪些变化7.computed和计算属性 watch监听的区别8.谈一谈响应式数据9.VNode是什么10.VNode是如何渲染的11.vue生命周期的执行顺序12.谈一谈VueX的核心属性13.谈一谈VueX里面机制是怎么运转的14.谈一谈VueX里面，action mutaion和state之间的运转方式