背景早上看了几个React工具包，看完觉得很不错。我只是需要在以后的一些开发任务中使用它们，所以我推荐给大家。三个文本工具分别是：react-onclickoutsidereact-lazy-load-image-componentreact-toastify1。react-onclickoutside包，顾名思义，就是处理一些点击元素外部时需要处理的事件。单击容器外的空白时很常见。我们也可以手动添加这个功能。使用这个工具可以减少一些重复性的工作量。动态展示：现场演示：https://codesandbox.io/s/gift...代码：importReact,{useState}from"react";从“react-onclickoutside”导入onClickOutside；constMenu=()=>{const[isOpen,setIsOpen]=useState(false);consttoggle=()=>setIsOpen(!isOpen);菜单。handleClickOutside=()=>setIsOpen(false);返回（//...）};constclickOutsideConfig={handleClickOutside:()=>Menu.handleClickOutside};导出默认onClickOutside（菜单，clickOutsideConfig）；支持多种用法和引入方式，很不错。打包地址：https://www.npmjs.com/package...2.react-lazy-load-image-component这个包也很实用。例如，我们的系统中有一个图片列表。是的，任何处理都是一张图片，加载后会突然出现，不加载就是空白：以前我们的优化方法是放菊花或者其他图片空间，加载后显示.react-lazy-load-image-component官方显示的效果如下：加载前会显示一个模糊效果图，整体加载不会很突兀，体验更好。代码：从'react'导入React；从'react-lazy-load-image-component'导入{LazyLoadImage}；导入'react-lazy-load-image-component/src/effects/blur.css'；constMyImage=({image})=>(
