我有一个庞大的 JSON 模式，我想从中生成一个 HTML/JS 表单。看来这react-jsonschema-form是一个很好的解决这个问题的方法。该框架有很好的文档，但它侧重于使用 npm 进行开发。由于超出此问题范围的原因，我只能通过没有 JSX 的 CDN + React 使用它。不幸的是，我不是 Web 开发人员，我很难弄清楚在没有 JSX 的情况下使用 CDN + React 进行开发时如何使用不同的主题。到目前为止，我有以下index.html预期工作：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="react.development.js"></script>
<script src="react-dom.development.js"></script>
<script src="react-jsonschema-form.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/javascript">
const schema = {
title: "Todo",
type: "object",
required: ["title"],
properties: {
title: {type: "string", title: "Title", default: "A new task"}
}
};
var e = React.createElement;
const Form = JSONSchemaForm.default;
ReactDOM.render(
e(Form, {schema: schema}),
document.getElementById("app")
);
</script>
</body>
</html>
.js 文件被下载并复制到与 .js 相同的目录中index.html。我正在使用 2.5.1 版react-jsonschema-form。
如果有人能指出我如何使用框架的不同主题（例如，Material UI）来呈现它的正确方向，我将不胜感激。
谢谢