Question

想象一下，您在reactjs应用程序中有一个包含大量静态文本的单页应用程序。

例如：

import Block from './components/block';

const arr = [
    {
        name: 'block1',
        text: '<p>Lot of static text 1</p>'
    },
    {
        name: 'block2',
        text: '<p>Lot of static text 2</p>'
    },
    {
        name: 'block3',
        text: '<p>Lot of static text 3</p>'
    },
    {
        name: 'block4',
        text: '<p>Lot of static text 4</p>'
    }
];

...
render() {
    return (
        arr.map((a, i) => {
            return (
                <Block key={i} text={a.text} />
            );
        })
    );
}
...

所以“很多静态文本”非常大。

如何在所有组件中组织此文本？你在repo组件中创建了一个model.js文件吗？有一个最好的做法吗？

谢谢：）

Answer 1

您可以为其创建一个JSON文件，并使用http。
您可以将数据存储在某些全局服务中，并在需要时通过导入该文件来使用。
您也可以为其创建model.js文件。

但我想建议第一个，如果你必须使用有限的时间，其他第二选择是好的。

Answer 2

ES7建议在静态类（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static）中存储静态数据和方法。这是目前的最佳做法。

如何在单页应用中整理静态文字？

2 个答案: