React应用程序添加大文本块的最佳方式是什么

Question

我有一个为了好玩而创建的React应用程序，它将有一系列我用故事创建的地图。我想知道在react中处理包含大量文本的页面的最好方法。目前，我只是创建一个新的foo.js并手动添加文本。所以我添加了Div，标题和段落。

文本页面的长度是3-5页，我通常在word中创建它们，然后剪切并粘贴到visual studio代码中，然后手动添加所有的CSS装饰器。

我一定是做错了。我在想，如果我将文本作为文件添加到S3中，然后在我的react应用程序中只创建一个可以访问S3.txt的组件。如果我这样做，我不确定如何自动格式化它以保留空格和段落。

那么，创建大文本(故事)并将其添加到react应用程序的最佳方式是什么呢？

Answer 1

如果你不太了解你的项目，如果你想使用CSS来格式化你的东西，你可以使用answer...but来创作内容，然后使用解析器来呈现它，这是相当困难的。

根据解析器的不同，您可以在需要的位置包含内联内容，否则只需样式化它生成的标记，并将呈现的所有内容保存在<div>中，以便更容易地只选择您真正想要选择的内容。

S3可能是一个很好的地方来保存东西，然后你可以写一些代码来在你的React组件中获取它，但我想说这可能超出了这个问题的范围。

我只会研究Markdown (和可用的解析器)以及S3的客户端库，等等：

https://github.com/markedjs/marked -- Markdown解析库

https://github.com/aws/aws-sdk-js-v3 --亚马逊网络服务的最新NodeJS软件开发工具包