Question

我使用ReactJS开发一个网络，我想在一个类中定义所有文本。喜欢：

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

然后我可以从其他班级给他们打电话。喜欢：

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

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

谢谢。另外，对我的英语感到抱歉。

Answer 1

您可以为常量创建一个单独的文件-

constants.js

export default {
    applicationName: "my application"
    internetConnectionError: "Please check your internet connection"
}

＆导入到您想使用的任何地方。

LoginView.js

import CONST from '../constants' // check if path is correct for you.

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

Answer 2

如果这些类位于同一文件中，则只需执行-

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

并在其他类中使用

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

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

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>
    );
}

Answer 3

您可以先export制作一个文件，然后在要使用的位置import制作一个文件。另一种选择是通过商店（redux）使它在全球范围内可用。还有其他方法可以做到这一点。

如何制作一个包含所有项目文本变量的文件？

3 个答案: