最近，前端开发中，针对业务表单的后台数据渲染方案越来越丰富，其中很多的框架都以顶层钩子机制为特性，这种机制下整个渲染函数的编写方式都需要进行一定的调整。@alist/react-schema-renderer 库的出现，在一定程度上为我们带来了一些方便。
功能
@alist/react-schema-renderer 库提供了从 schema 格式直接渲染后台数据可视化组件的能力，这种能力，可以方便我们进行业务表单的渲染工作。
优点
@alist/react-schema-renderer 库提供了极高的灵活性以及扩展性，可以在 schema 配置项里面，通过特定的 props 属性来解决很多的问题。
使用方式
@alist/react-schema-renderer 库的使用很简单，导入后，直接就可以使用。Demon 实例如下：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ ----------------------------
------ - ------- ------- - ---- --------------
------ -------------- ---- -------------------------------
------ - ------------------ ------- - ---- --------------
----- ------------- - --------------- -- -
----- - ------- - - ------
------ -
-------
-------- ----------- -- --
----------- -- -
----------
--
-
--
---------
--
---
------------------
----------
---------
--------- ------------- - ----- -- -- -
----- - ------- - - ------------------------
------ - ------- --
--
-----------------
--
------ ------- -------- ----- -
----- ------- --------- - -------------
----- -------- - - -- -
------------
--
----- -------- - ------ -- -
----------------------------------------
--------------------
--
----- --------- - -- -- -
-----------------------
--
----- ------ - -
----- ---------
----------- -
------- -
------ -------------
----- ---------
------------ --------
------------------ -
------ - ------- -- ---- --
------------ --------
--
--
------- -
------ -------------
----- ---------
------------ --------
------------------ -
------ - ------- -- ---- --
------------ --------
----------- -----
------------- ---------------
--
--
------- -
------ ------------
----- ---------
------------ --------
------------------ -
------ - ------- -- ---- --
--------- -----
------------ --------
--
--
-------- -
------ --------------
----- ---------
----- ----- ---- -----
-------- ----
------------ ---------
-------- -
----------- -----
----------- -----
--
------------------ -
------ - ------- -- ---- --
------------ ---------
--
--
---------- -
------ -----------
----- ---------
------------ -----------
------------------ -
------ - ------- -- ---- --
----- --
------------ -----------
--
--
------------ -
------ -------------
----- ---------
------------ -------------
------------------ -
------ - ------- -- ---- --
------------ ----- - ------
--
--
--
--
----- ------- - -
---------
----------
--
------ -
---- ----------------
---------------
---------------
-------------
-------------------
-----------------
--
------
--
-
属性
schema
类型：Object 必填
Schema 描述以及默认值，详细说明可以参考 JSON Schema
value
类型：Object
字段值对象
onChange
类型：Function 参数：(value: object)
数据变化的回调函数
rootEva
类型：Function 参数：(data: object, payloads: object)
渲染函数，用来串接子组件的拼装逻辑： data - 当前字段的数组结构 payloads - 子组件的值
actions
类型：Object 成员：
onSubmit(data: object)：提交回掉函数 onPreview()：预览回掉函数
field
类型：uform's field instance
注入到外部的 uform 的 field 实例的引用
示例
具体的 @alist/react-schema-renderer 库使用方法和实现细节请参考官网文档，以防抄袭且代码更新可能会不同。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/alist-react-schema-the-renderer