首页 > 解决方案 > 如何在 reactJS 中导出为多个单词?

问题描述

我有以下代码:

import * as apple from './Apple.json';
import * as orange from "./Orange.json";
import * as pear from "./Pear.json";

export default {
  Apple,
  Orange,
  Pear
  }

我正在使用“导出默认值”中的条目在新页面上创建超链接,但是,我想将每行导出为 2 个单词。

export default {
  Blue Apple,
  Red Orange,
  Black Pear
  }

问题是,这会破坏我的应用程序并且项目将无法启动。我试图添加“”例如。“蓝苹果”。但这行不通。

我怎样才能做到这一点?

标签: javascriptreactjs

解决方案


这样的事情会解决你的问题吗?

export default {
  'Blue Apple': 'Blue Apple',
  'Red Orange': 'Red Orange',
  'Black Pear': 'Black Pear'
 }

或者只是导出一个字符串值数组

export default ['Blue Apple', 'Red Orange', 'Black Pear']

推荐阅读