reactjs - 如何在反应中使用 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 脚本导入方法JSONSchemaForm，则它是加载到您的 Web 应用程序中的导出名称。

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