如何在 React 中使用 react-jsonschema-form？

Question

我在构建与 json 反应的表单时遇到问题。我已经安装了 react-jsonschema-form 但我无法让它工作。我在本地安装了这个包，我正在使用 TypeScript，我正在使用 nx/nrwl。这是我试过的。

import React from 'react';
import './form.scss';

const Form = JSONSchemaForm.default;
const schema = {
    type: "string"
};

/* eslint-disable-next-line */
export interface FormProps {
    json: any;
}


export const FormComponent = (props: FormProps) => {
        return (
            <>
                <Form schema={schema}/>
            </>
        );
    }
;

export default FormComponent;

问题是我从哪里得到 JSONSchemaForm 变量？

例如，这个小片段很有魅力 https://codepen.io/krcaltomas99/pen/abvaJdb

感谢您的建议！

Answer 1

如果您使用 CDN script import method，JSONSchemaForm 是加载到您的 Web 应用程序中的导出名称。

既然你说你安装了包，你可以只使用导入语法（即 import Form from "@rjsf/core";）并让你的捆绑器处理库依赖而不是修改你的 index.html 以包含 CDN脚本。

如何在 React 中使用 react-jsonschema-form？

How to use react-jsonschema-form in react?

reactjs

react-jsonschema-forms