ReactJS-导入实用程序函数时出现问题

Question

我有这个实用程序函数：

export function myFunc(inputDate) {
const dateToTime = date => date.toLocaleString('en-GB');
const dateString = `${inputDate}Z`;
const localDate = new Date(dateString);
const dataToExport = { dateToTime, dateToString, localDate }; 

export default dataToExport
}

我在另一个导入它的文件中使用它：

import { myFunc } from './Utils.js';
//...rest of the code ommited
<td>{myFunc(order.data.created_at)}</td>
//...rest of the code ommited

该函数在代码的该部分中被调用。返回以下错误消息：

分析错误："import"one_answers"export"只能出现在顶级

6|const dataToExport=｛dateToTime，dateToString，localDate}；7 |

8|导出默认数据到导出|^

如何解决此问题？谢谢

Answer 1

只需返回要导出的数据：

export function myFunc(inputDate) {
const dateToTime = date => date.toLocaleString('en-GB');
const dateString = `${inputDate}Z`;
const localDate = new Date(dateString);
const dataToExport = { dateToTime, dateToString, localDate }; 

return dataToExport
}

Answer 2

原因是导入和导出必须处于顶级。您的导出默认值现在在函数中。这就是原因。请在此处查看

你可以这样更改代码。

export function myFunc(inputDate) {
const dateToTime = date => date.toLocaleString('en-GB');
const dateString = `${inputDate}Z`;
const localDate = new Date(dateString);
const dataToExport = { dateToTime, dateToString, localDate }; 

return dataToExport;
}
<td>{myFunc(order.data.created_at).dateToString}</td>