0. 安装 1. 先跑一个简单例子 2. 基础使用 BrowserRouter 是需要服务端配合, 是基于html5的pushState和replaceState的，很多浏览器不支持，存在兼容性问题。 需要匹配的将要被重定向路径。 若为真，重定向操作将会把新地址加入到访问历史记…

React组件在生命周期里面大概有两种情况，一种是初次渲染，一种是状态更新导致再次渲染。咱们从组件生命周期的每一步可进行的操作的角度来了解一下。 构造函数在组件初次渲染的时候只运行一次，构造函数里面进行的操作大概有上述代码的三种操作。 在组件挂载之前调用一次。在这个函数里面你可…

一个天气预报React应用

彻底理解React 之React SSR、React服务端渲染，教你从零搭建配置

作为一名入职前基本没有接触过React的小菜鸟，在接手的第一个练手项目中，很快就遇到了许多React初学者都会遇到的问题-setState。 最初的设想是先通过this.setState设置state中的数据，然后再取用this.state。当然，结果不出所料的悲剧了。。苦思不…

当 React 渲染一个组件的是你，首先进入该方法。 Note：componentWillMount()是唯一一个在render()之前调用的生命周期方法。因此是在服务端渲染中唯一被调用的方法。 可以在该方法中使用this.setState()但是不一定触发重新渲染。 当该方法…

1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信

React 源码系列文章，请多支持！

用 Next.js 创建后端渲染的 React 应用