![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Ammy米
这个作者很懒,什么都没留下…
展开
-
React16 ---生命周期
原创 2019-12-06 17:37:13 · 106 阅读 · 0 评论 -
React---- ref
方法一:React.createRef()用于HTML元素上 其current 属性 值为 DOM 元素自定义 class 组件 值为 组件的挂载实例class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createR...原创 2019-12-06 17:33:44 · 94 阅读 · 0 评论 -
React ---懒加载
React.lazy() 定义一个动态加载的组件React.Suspense可以指定加载指示器// 该组件是动态加载的const OtherComponent = React.lazy(() => import('./OtherComponent'));function MyComponent() { return ( // 显示 <Spinner> 组件直...原创 2019-12-06 15:23:39 · 102 阅读 · 0 评论 -
Reac路由4.0----- react-router, react-router-dom
React-router提供了一些router的核心api,包括Router, Route, Switch等,但是它没有提供React-router-dom提供了BrowserRouter, Route, Link等api,我们可以通过dom的事件控制路由。平常用 React-router-dom 居多安装$ npm install --save react-router$ npm in...原创 2019-12-05 12:27:46 · 448 阅读 · 0 评论 -
React---通信Context
除了组件之间从上往下的props通信外还有Content通信方式React.createContextconst MyContext = React.createContext(defaultValue);Context.Provider每个 Context 对象都会返回一个 Provider React 组件,它允许消费组件订阅 context 的变化。Provider 接收...原创 2019-12-03 18:08:25 · 129 阅读 · 0 评论 -
错误边界组件ErrorBoundary
eact 15 中有一个支持有限的错误边界方法 unstable_handleError。此方法不再起作用,同时自 React 16 beta 发布起你需要在代码中将其修改为 componentDidCatch。无法捕获事件处理器内部的错误,其使用try / catch 语句class ErrorBoundary extends React.Component { constructor(...原创 2019-12-03 16:38:39 · 508 阅读 · 0 评论 -
React---组件异步加载
Suspense组件,一部加载过程中显示的组件lazy 函数时异步加载组建的函数import React, { Suspense, lazy } from 'react';const About = lazy(() => import('./routes/About'));const App = () => ( <Suspense fallback={<d...原创 2019-12-03 16:26:28 · 422 阅读 · 0 评论 -
React绑定事件,注意this指向
保证事件绑定的方法内的this是当前组件上下文方法一class LoggingButton extends React.Component { // 此语法确保 `handleClick` 内的 `this` 已被绑定。 // 注意: 这是 *实验性* 语法。 handleClick = () => { console.log('this is:', this); ...原创 2019-12-02 18:19:33 · 157 阅读 · 0 评论