在react-native中导入并渲染md文件

Question

我有一些md文件，我想在本机应用程序中呈现。 问题是，当我尝试导入它们（使用import或require）时，总是出现此错误：

error: bundling failed: Error: Unable to resolve module

所以我看不到如何导入md文件以进行渲染（可能使用marked或react-markdown之类的库。

Answer 1

如果文件不多，最好的选择是将它们转换为模板文字和.js文件，如下所示：

初始： example.md

# markdown
something else

最终： example.js

const example = `# markdown
something else
`;
export default example;

然后，您将可以使用react-native-simple-markdown这样来渲染它：

<SimpleMarkdown>
    {example}
</SimpleMarkdown>

即使有很多文件（如果它们已经与应用程序捆绑在一起），您也可以在构建应用程序之前设置脚本或一项gulp任务来转换它们。

但是，如果用户将要上传这些文件，或者您不喜欢此解决方案，则可能存在另一种方式，即访问文件系统或使用应用程序内部的本地网站。