重庆分公司
重庆分公司，新征程启航
为企业提供网站建设、域名注册、服务器等服务
优秀的React.js库有哪些
这篇文章主要讲解了“优秀的React.js库有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“优秀的React.js库有哪些”吧！
创新互联公司主要业务有网站营销策划、网站设计制作、成都网站建设、微信公众号开发、微信平台小程序开发、H5建站、程序开发等业务。一次合作终身朋友，是我们奉行的宗旨；我们不仅仅把客户当客户，还把客户视为我们的合作伙伴，在开展业务的过程中，公司还积累了丰富的行业经验、成都全网营销资源和合作伙伴关系资源，并逐渐建立起规范的客户服务和保障体系。
1. react-portal
我认为React中的 Portals(传送门) 对大多数人来说都很熟悉，即使它们很少被使用。下面是 Reac t文档中对它们的描述：
| Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案。 |
通常，我们的整个 React 应用程序都是在HTML中的一个 DOM 节点中渲染的。但是通过portals，我们可以定义附加的节点，在这些节点上我们可以挂载应用程序的各个部分，例如单个独立的组件。
然而，在官方文档中，门户以一种相当麻烦和复杂的方式进行描述，这就是也 react-portal 出现的一个原因。
现在是 react-portal 用法：
import { Portal } from ‘react-portal’ This is portaled into the portal div!
只需使用 选择器(如getElementById)将HTML代码中的portal容器作为目标，就可以了。
在React.js应用程序的public/index.html文件中：
如上所见，每个React应用程序所需的根元素都像往常一样存在，使用了portal我们就可以将元素指定到与根同级的位置。
当然，我们也可以动态切换portal
{this.state.show ? ( Portal content
) : null} 2. react-toastify
在现代web开发中，为终端用户提供动态信息是绝对必要的。不幸的是，JavaScript 中的alert()函数不是实现此目的的好选择，这一点大家都很清楚，所以才会出现各种各样的 UI 库。
这里介绍一个 React 提示插件 react-toastify ，它是一个很小且可自定义的库，以下是官方给出的事例：
用法如下：
import { ToastContainer, toast } from 'react-toastify' import 'react-toastify/dist/ReactToastify.css' toast.configure({ autoClose: 2000, draggable: false, position: toast.POSITION.TOP_LEFT }) const notify = () => toast('Wow so easy !') const App = () => ( Notify ! 