与后端交互引用
经过大家共同努力,目前我们已经拥有若干支持前后端交互的、稳定的公共资源库,下面我们简单介绍几个主要库的使用场景:
@sinoui/http, 是对Axios库中方法的轻量级无损封装。可以满足所有场景前后端交互的需求。具体使用方式,请参考@sinoui/http 文档。@sinoui/use-data-api是加载数据的 hook。主要用于数据加载。具体使用方式参考use-data-api 官网。@sinoui/use-rest-item-api是与单条数据的RESTful风格的增删改查API交互的 React Hook。主要用于遵循RESTful风格的单条数据的增删改查的前后端交互场景。具体使用方式请参考use-rest-item-api 使用文档。@sinoui/use-rest-page-api是简化分页列表与 RESTful CRUD API 交互的状态管理的 hook。主要适用于分页列表的增删改查,排序、条件查询等场景。更多use-rest-page-api的使用,请参考:use-rest-page-api 使用说明。@sinoui/use-rest-list-api是简化不分页列表与 RESTful CRUD API 交互的状态管理的 hook。主要适用于不分页列表的数据增删改查,排序等场景。更多详细使用方式请参考use-rest-list-api 官方文档。@sinouiincubator/editable-data-table,可编辑数据表格。主要功能包括展现列表数据(不支持分页,但可以和分页功能组合使用)、编辑数据行、校对数据行、选择数据行等。具体使用方式请参考@sinouiincubator/editable-data-table 官方文档
除上述公共库外,我们还有一个特殊的 hook: @sinoui/use-rest-table,它的主要功能是简化use-rest-page-api与@sinoui/data-table结合的相关处理。主要适用于使用@sinoui/data-table来渲染列表并且使用@sinoui/use-rest-page-api来管理列表数据的增删改查及分页获取等场景。使用方式请参考use-rest-table 官方文档。