react-native - 如何在 react-syntax-highlighter 中加载反应组件？

Question

我正在尝试制作一个代码查看器来显示文件中的代码。很像 git hub 中的代码查看器。如何以多行格式获取反应组件文件的内容，并且可以将其输入到 react-syntax-highlighter 中？

import React, {Component} from "react";
import { HashRouter as Router, Switch, Route } from 'react-router-dom';
import SyntaxHighlighter from 'react-syntax-highlighter';
import { a11yDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';

import Pager from "./components/Pager";

const codeString = Pager.toString();

<SyntaxHighlighter language="javascript" style={a11yDark} showLineNumbers >
  {codeString}
</SyntaxHighlighter>

标签： react-nativereact-syntax-highlighter