在 README 中执行react组件，并在redeme中显示，执行react组件的代码

安装

unpm i

启动

everest start

使用

文档路由组件

import {DocsRouter} from '@uyun/react-component-markdown'

// 检索项目中 _docs 文件中的入口文件 index.tsx

ReactDOM.render(
  <HashRouter>
    <DocsRouter docs={require.context('./app', true, /\/_docs\/index.tsx$/)} />
  </HashRouter>,
  document.getElementById('layout-content')
)

文档路由配置

import * as React from 'react'
import {MarkDown} from '@uyun/react-component-markdown'

export default {
  key: 'monitor',
  type: 'sub',
  name: '监控展现',
  icon: 'video-camera',
  path: '/monitor',
  children: [
    {
      key: 'online',
      type: 'link',
      name: '在线监测',
      icon: 'fork',
      docsComponent: () => <MarkDown source={'_docs/README.md'} />, // 对应文档 README.md
      path: 'online'
    },
    {
      key: 'vqd',
      type: 'link',
      name: '图像监测',
      icon: 'picture',
      docsComponent: () => <MarkDown source={'_docs/README2.md'} />, // 对应文档 README.md
      path: 'vqd'
    }
  ]
}

执行效果

Current Tags

0.0.9 ... latest (7 years ago)

安装

启动

使用

Current Tags

18 Versions