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

时间:2017-08-08 23:54:49

标签: reactjs swagger-ui

我正在使用react编写api门户,并希望在react组件中包含Redoc(https://github.com/Rebilly/ReDoc)。是否可以在反应应用中使用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”错误。

1 个答案:

答案 0 :(得分:1)

正在重写ReDoc以使用React。当此拉取请求完成并合并时,您可以轻松地在React应用程序中包含ReDoc。

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