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

Question

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

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

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

Answer 1

我会用你的文字创建一个模块并导入它。这样你就不应该在你的编辑器中看到它的样子了，因为除非你专门试图编辑你的大块文本，否则你并没有真正触及那个文件。

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

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

import hugeText from './text/hugeText'

....

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

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