前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >组件分享之前端组件——用于从 JSON Schema 构建 Web 表单的 React 组件react-jsonschema-form

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

作者头像
cn華少
发布于 2022-05-18 06:18:47
发布于 2022-05-18 06:18:47
5.4K00
代码可运行
举报
文章被收录于专栏:IT综合技术分享IT综合技术分享
运行总次数:0
代码可运行

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

背景

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

组件基本信息

内容

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

image.png

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install @rjsf/core --save

2、导入依赖使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import Form from "@rjsf/core";

作为CDN提供的脚本

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <script src="https://unpkg.com/@rjsf/core/dist/react-jsonschema-form.js"></script>

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

本文声明:

知识共享许可协议

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-05-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验