xueyan-react-pages

React Document Reader Component

Usage no npm install needed!

<script type="module">
  import xueyanReactPages from 'https://cdn.skypack.dev/xueyan-react-pages';
</script>

README

xueyan-react-pages

xueyan-react-pages 是一个 react 文档渲染组件。
xueyan-react-pages is a react document reader component.

本项目创建自 xueyan yang@xueyan.site
The project created by xueyan yang@xueyan.site.

更多详情请查看文档
Please View Document to get more detail.

下载 Install

# 如果你使用的是NPM:
# if you use NPM: 
npm i xueyan-react-pages

# 如果你使用的是Yarn:
# if you use Yarn: 
yarn add xueyan-react-pages

示例 Example

import React, { lazy } from 'react'
import { BrowserRouter } from 'react-router-dom'
import Pages, { PageSources } from 'xueyan-react-pages'

const Readme = lazy(() => import('./readme'))
const Example1 = lazy(() => import('./pages/example1'))

const sources: PageSources = {
  zh: {
    header: 'xueyan-react-pages',
    groupList: [
      {
        name: '示例',
        nodeList: [
          {
            path: '/example1',
            name: '示例',
            component: Example1
          }
        ]
      }
    ]
  }
}

function App() {
  return (
    <BrowserRouter>
      <Pages readme={readme} sources={sources} />
    </BrowserRouter>
  )
}