react中常用的一些包

338 阅读1分钟

blog.csdn.net/haozige888/…

1、constate

import constate from "constate";

Constate可将本地状态提升到React Context。这意味着可以以最小的努力轻松地将任何组件的任何状态提升到上下文。如果您想在多个位置使用相同的状态,或者为多个组件提供相同的状态,这很有用。该名称来自合并Context和state。 它是基于typescript实现的,而且库非常的小。虽然该文档不是很详细,但是看例子,我们就可以轻易地学会使用。 www.npmjs.com/package/con…

2、# React-sortable-hoc 结合 hook 实现 Draggin 和 Droppin React 社区提供了许多的库来实现拖放的功能,例如 react-dndreact-beautiful-dndreact-drag-n-drop,等等。但是它们有一些共同的缺陷:

  • 使用复杂,有时候需要做很多工作才能构建一个简单的拖放演示;
  • 功能有限,例如无法实现多个拖放实例这样复杂的功能,如果有的话,它也会变得非常复杂。

为了解决这些问题,react-sortable-hoc 应运而生。

这篇教程需要你提前了解一些 React 组件以及 hooks 的基础知识。

React 官方推荐的封装高阶组件的方式是 HOC,我们需要借助它来实现一个具有拖放功能的高阶组件。

HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式 segmentfault.com/a/119000002…