与后端交互引用
经过大家共同努力,目前我们已经拥有若干支持前后端交互的、稳定的公共资源库,下面我们简单介绍几个主要库的使用场景:
@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 官方文档。