Reactjs 自定义Swagger UI布局
显示了使用Reactjs 自定义Swagger UI布局,reactjs,swagger,swagger-ui,Reactjs,Swagger,Swagger Ui,显示了使用getComponent(“操作”)自定义布局的示例。用户界面使用的那种招摇。这在REACTE中效果很好。但是,它不能与其他组件一起工作。例如,如果想要获取“操作”组件,我将如何包含它 我尝试过使用getComponent(“操作”)但没有成功。我看到有默认的道具。我需要向组件提供这些吗?如果是,我们将如何提供?在组件中,其中一个道具称为操作(请参见下文)。我的OpenAPI 3.0文件有操作ID,但该文件不起作用 这里是我试图获取操作组件的地方: render() {
getComponent(“操作”)
自定义布局的示例。用户界面使用的那种招摇。这在REACTE中效果很好。但是,它不能与其他组件一起工作。例如,如果想要获取“操作”组件,我将如何包含它
我尝试过使用getComponent(“操作”)
但没有成功。我看到有默认的道具。我需要向组件提供这些吗?如果是,我们将如何提供?在组件中,其中一个道具称为操作
(请参见下文)。我的OpenAPI 3.0文件有操作ID
,但该文件不起作用
这里是我试图获取操作
组件的地方:
render() {
const {getComponent} = this.props;
const Operations = getComponent("operations", true);
const Operation = getComponent("operation", true);
return (
<div>
//this works (from the example)
<Operations/>
//this does not work
<Operation/>
</div>
)
我希望看到getComponent()
被渲染,但实际输出是:
AppContainer,在Swagger组件中(在pages/index.js:18))TypeError:null不是一个对象(评估'y.toJS')
发布完整的组件代码。在Swagger UI存储库中问这个问题可能会更幸运:你有没有弄明白这个问题?你成功了吗??
static defaultProps = {
operation: null,
response: null,
request: null,
specPath: List(),
summary: ""
}