Question

ReactJS新秀，报告方式为：

我正在处理一个大型仓库，其中几个组件都使用字符串文字进行验证。我的任务是创建一个保存该值的常量，并替换整个代码中的每个实例。

最初的设计是在.js文件中创建一个常量，并将其全局导出/导入到必要的位置。问题在于字符串值未正确声明或由于范围而丢失。

我一直在互联网上寻找解决方案。除了制作计数器和按钮外，我没有发现任何有关此问题的有用信息。只是想看看是否还有其他人尝试这样做并找到了解决方案。这是一些代码片段：

//requirements.js
export const expiryTag = 'Expiration Date'



//validation.jsx: original code
nextProps.userRequirements.map((r) => {
    let exp_date = ''
    let id = ''
    let ary1 = _.where(r.fields, {field_name: 'Expiration Date'})
.
.
.
}

//validation.jsx: desired code
import expiryTag from '../../constants/requirements'
nextProps.userRequirements.map((r) => {
    let exp_date = ''
    let id = ''
    let ary1 = _.where(r.fields, {field_name: expiryTag})
.
.
.
}

我相信问题出在React的语法上，但是我还没有找到任何博客文章来解释我要做什么。如果有人提出建议，将不胜感激。

Answer 1

您正在将其导出为命名导出。

如果要这样导入：

import expiryTag from '../../constants/requirements'

您需要通过以下方式导出它：

export default 'Expiration Date'

// or

const expiryTag = 'Expiration Date'
export default expiryTag

相反，如果您想保留这种导出方式：

export const expiryTag = 'Expiration Date'

然后您需要像这样导入它：

import { expiryTag } from '../../constants/requirements'

ReactJS：将字符串文字传递给全局常量

1 个答案: