今天有看到同事写的代码， ReactDOM.createPortal，哦豁这是什么API没有使用过 然后百度了一下，原来这个API可以使自己写的组件或者元素挂载到任意你你想挂载的dom元素上， ReactDOM.createPortal的使用方法 ...

使用场景 　　在项目中主要是我们遇到弹框，嵌套岑寂较深时，我们可以将定义组件传送到相应位置，让其嵌套层级并没有那么深。例如以下例子。 使用代码 /** * reactDom 中 传送门 createPortal 使用 * 组件加载在最外层body上 */ import React ...

基于HTML的前端界面开发正变得越来越复杂，其本质问题基本都可以归结于如何将来自于服务器端或者用户输入的动态数据高效的反映到复杂的用户界面上。而来自Facebook的React框架正是完全面向此问题的一个解决方案，按官网描述，其出发点为：用于开发数据不断变化的大型应用程序（Building ...

路由 路由（routing）是指分组从源到目的地时，决定端到端路径的网络范围的进程。 路由器当然是作为一个转发设备出现的，主要是转发数据包来实现网络互联。 那么react的路由到底指的是什么呢？ 举个栗子~~~ 在网页中点击后，从A页面跳到B页面，跳转过程中url发生变化，这就是一个简单 ...

有一个需求是这样的。 一个组件里若干个区块。区块数量不定。 区块里面是一个波浪效果组件，而这个一般用 SVG 做。 所以就变成了在 react 中使用 SVG 的问题。 首先是波浪效果需要的样式。 引入样式，以及组件文件的结构。 一个组件文件里 ...

有一个需求是这样的。 一个组件里若干个区块。区块数量不定。 区块里面是一个正六边形组件，而这个用 SVG 和 canvas 都可以。我选择 canvas。 所以就变成了在 react 中使用 canvas 的问题。 canvas 和 SVG 有一个很大的不同。 SVG 是标签 ...

使用Context，可以跨越组件进行数据传递 通过静态方法React.createContext()创建一个Context对象，这个Context对象包含两个组件，<Provider />和<Consumer />。 < ...

The Redirect component in react-router does exactly what it sounds like. It allows us to redirect from from one route to another. ...