Javascript 如何修复'；对象作为React子对象无效（找到：带有键的对象）'；

我想导出此文件中的obect， config.js：

const CURRENT_YEAR = ( new Date() ).getFullYear()

export default { CURRENT_YEAR }

在footer.js中导入时：

import React from 'react'
import  CURRENT_YEAR  from '../../config'

const footer = () => (
    <div  >
       @NBA { CURRENT_YEAR } All rights reserved.
   </div>  
)

export default footer

---

问题是您将导出包装在

{}

中，这会将

当前\u年

变成一个如下所示的对象：

{ CURRENT_YEAR: 2019 }

只需将其导出为：

export default CURRENT_YEAR 

---

然后，

CURRENT\u YEAR

可以保留其值。

问题是您将导出包装在

{}

中，这会将

CURRENT\u YEAR

变成一个如下所示的对象：

{ CURRENT_YEAR: 2019 }

只需将其导出为：

export default CURRENT_YEAR 

---

然后，

当前\u年

可以保留其值。

如果没有正确导出变量，则需要像

const CURRENT_YEAR = ( new Date() ).getFullYear()

export default CURRENT_YEAR;

---

否则footer.js中的

CURRENT\u YEAR

将是一个类似

{CURRENT\u YEAR:（new Date（））.getFullYear（）}

的对象。如果没有正确导出变量，则需要像

const CURRENT_YEAR = ( new Date() ).getFullYear()

export default CURRENT_YEAR;

---

否则footer.js中的

CURRENT\u YEAR

将是一个类似

{CURRENT\u YEAR:（new Date（））.getFullYear（）}

的对象，不要使用带花括号的

导出默认值。只需导出默认值

：

export default CURRENT_YEAR;

如果将其用大括号括起来，其计算结果如下：

export default {{ date: 6/12/2019 };

---

无效。

不要将

导出默认值

与大括号一起使用。只需导出默认值：

export default CURRENT_YEAR;

如果将其用大括号括起来，其计算结果如下：

export default {{ date: 6/12/2019 };

---

这是无效的。

我发现它可以通过销毁来解决，因此footer.js可以如下所示：

import React from 'react'
import style from './footer.css'
import { Link } from 'react-router-dom'
import  YEAR  from '../../config'

const { CURRENT_YEAR } = YEAR

const footer = () => (
    <div className={ style.right } >
        @NBA { CURRENT_YEAR } All rights reserved.
    </div>
)

从“React”导入React
从“./footer.css”导入样式
从“react router dom”导入{Link}
从“../../config”导入年份
常数{CURRENT_YEAR}=YEAR
常量页脚=（）=>(
@NBA{本年度}版权所有。
)

我发现它可以通过销毁来解决，因此footer.js可以是：

import React from 'react'
import style from './footer.css'
import { Link } from 'react-router-dom'
import  YEAR  from '../../config'

const { CURRENT_YEAR } = YEAR

const footer = () => (
    <div className={ style.right } >
        @NBA { CURRENT_YEAR } All rights reserved.
    </div>
)

从“React”导入React
从“./footer.css”导入样式
从“react router dom”导入{Link}
从“../../config”导入年份
常数{CURRENT_YEAR}=YEAR
常量页脚=（）=>(
@NBA{本年度}版权所有。
)

删除导出中的括号，如下所示：

const CURRENT_YEAR=（新日期（））.getFullYear（）
导出默认当前年份

删除导出中的括号：

const CURRENT_YEAR=（新日期（））.getFullYear（）
导出默认当前年份

我的意思是您可以这样做，但这似乎只是无缘无故地使代码复杂化：（.为什么要在导出时麻烦地将当前年转换为对象，然后对其进行分解，使其恢复到初始状态。我的意思是你可以这样做，但这似乎只是无缘无故地使代码复杂化：（.为什么要在导出时麻烦地将当前年份转换为对象，然后对其进行分解，以便将其恢复到初始状态。