如何在React应用程序中包含Redoc？

Question

我正在使用react编写一个应用程序接口门户，并希望在react组件中包含Redoc (https://github.com/Rebilly/ReDoc)。可以在react应用程序中使用Redoc吗？如果是，那么最好的方法是什么。

我尝试过通过全局公开的ReDoc对象来初始化Redoc，但是它抛出了esprima和jquery丢失错误。我已经安装了这些包，但仍然没有成功。

import {Redoc} from './redoc';
module.exports = Redoc;

Redoc.init('http://petstore.swagger.io/v2/swagger.json', {
  scrollYOffset: 50
})

另外，如果我直接包含在组件中

render() {
   return(
     <div>
       <redoc spec-url='http://petstore.swagger.io/v2/swagger.json'>
       </redoc>
    </div>
  ); 
}

它会抛出“未知的属性spec-url on tag”错误。

Answer 1

ReDoc正在被重写以使用React。当这个拉取请求完成并合并后，您将能够轻松地将ReDoc包含在您的React应用程序中。

https://github.com/Rebilly/ReDoc/pull/357