组件分享之前端组件——用于从 JSON Schema 构建 Web 表单的 React 组件react-jsonschema-form

2022-05-18 14:18:47 浏览数 (1)

近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。

本次分享的组件是用于从 JSON Schema 构建 Web 表单的 React 组件react-jsonschema-form，它能够使用JSON Schema以声明方式构建和自定义 Web 表单。

image.png

它支持很多种主题，详见下方

具体使用方式如下： 1、安装

代码语言：javascript复制

npm install @rjsf/core --save

2、导入依赖使用

代码语言：javascript复制

import Form from "@rjsf/core";

作为CDN提供的脚本

代码语言：javascript复制

 <script src="https://unpkg.com/@rjsf/core/dist/react-jsonschema-form.js"></script>

更多使用方式可以查看其官网提供的各个组件详细使用说明。

知识共享许可协议

本作品由 cn華少采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。

0 人点赞