javascript - 有没有比 `const` 更好的方法来存储大块文本？

Question

我正在使用 React 制作一个单页 Web 应用程序。我的一个页面有一大块文本，如下所示:

const ContentText = <p>......huge block of text.......</p>

它在我的编辑器中看起来非常丑陋，我想知道是否有存储大块文本以在页面上呈现的最佳实践。

Answer 1

我将使用您的文本创建一个模块并将其导入。这样，您根本不应该关心它在编辑器中的样子，因为除非您专门尝试编辑巨大的文本 block ，否则您并没有真正接触该文件。

export default `
  ....huge block of text....
`

然后你实际使用它的地方:

import hugeText from './text/hugeText'

....

render() {
  return <p>{hugeText}</p>
}

像atom和sublime这样的编辑器也有“软包装”模式，所以你不需要大量的水平滚动。