空谷足音的博客

一. react简介1、react发展－－－facebook在构建instagram网站的时候遇见两个问题a、数据绑定的时候，大量操作真实dom，性能成本太高b、网站的数据流向太混乱，不好控制2.React 把用户界面抽象成一个个组件，如按钮组件 Button、对话框组件 Dialog、日期组件 Calendar。开发者通过组合这些组件，最终得到功能丰富、可交互的页面。通过引入 J...

react 中 可以通过react-dom中的createPortal来定义传送门。import React, { Component } from 'react'import {createPortal} from 'react-dom'import {Button} from 'antd'import '../assets/dialog.css'export default...

1.匿名插槽 ---> 类似于 vue 中的v-slotfunction Dialog(props) { return <div style={{ border: "1px solid blue" }}>{props.children}</div>}export default function Composition() { return...

React 16.3+getDerivedStateFromProps:在调用render()之前调用，并在每次渲染时调用。 需要使用派生状态的情况是很罕见得。值得阅读如果你需要派生状态.（https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html） componentDidMount:...

为什么 String Refs 被弃用?如果你以前使用过 React，你可能会熟悉旧的 API，其中的ref属性是字符串，如ref={'textInput'}，并且 DOM 节点的访问方式为this.refs.textInput。我们建议不要这样做，因为字符串引用有以下问题，并且被认为是遗留问题。字符串 refs 在 React v16 版本中被移除。 它们强制 React 跟踪当...

1.背景介绍react是单向数据流，一级一级组件传递这个过程是不能越级的，为了解决深度嵌套， redux横空出世2. redux安装：npm/cnpm i redux(1).分清两个stateRedux中的state和React中的state完全不是一回事，React中的state是组件内部自己的状态信息，而Redux中的state是Redux自己的数据(2).R...

1.为什么要组件化？前端页面组件化优点：复用性、易维护、可读性2.如何写组件？(1). 单个组件a. 需要继承React.Componentb.需要有一个renderimport React, { Component } from 'react';import Home from './components/Home'class App extends Com...

1.组件之进行通信的几种情况父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信2. 父组件向子组件通信a. propsb. ref如下示例：父组件中对子组件添加标识：ref={this.headRef}， 就可以调用子自己的方法import React, { Component } from 'react';import Head f...

一.脚手架搭建1.安装npm i -g create-react-app2.创建react应用create-react-app xxx（工程名称）a、主要依赖react,react-dom,react-scripts{ "name": "learn-react", "version": "0.1.0", "private": true, "dependen...

1. 在shouldComponentUpdate声明周期中，自己处理逻辑import React, { Component } from 'react'class Comment extends Component { shouldComponentUpdate({data: {name, score}}) { if (name === this.pro...