javascript - 如何创建一个包含所有项目文本变量的文件？

Question

我使用ReactJS开发一个web。我想在一个类中定义所有文本。像:

class ProjectsTexts {
     static var applicationName = "my application"
     static var internetConnectionError = "Please check your internet connection"
}

然后我可以从其他类(class)调用他们。像:

function LoginView() {
    return (
        <header>
            <title>(ProjectsTexts.applicationName)</title>
        </header>
    );
}

现在，如果我想更改任何地方的文本，我只需要更改变量的值。

谢谢。另外，对不起我的英语。

Answer 1

如果这些类位于同一个文件中，您可以简单地执行 -

class ProjectsTexts {
     static applicationName = "my application";
     static internetConnectionError = "Please check your internet connection";
}

并在其他类中使用

function LoginView() {
    return (
        <header>
            <title>{ProjectsTexts.applicationName}</title>
        </header>
    );
}

但是，如果它们位于不同的文件中，则需要导出和导入。

class ProjectsTexts {
     static applicationName = "my application";
     static internetConnectionError = "Please check your internet connection";
}

export default ProjectsTexts;

并在其他类中使用

import ProjectsTexts from '<path-to-file-here>';
...

function LoginView() {
    return (
        <header>
            <title>{ProjectsTexts.applicationName}</title>
        </header>
    );
}