如何解决具有多个导出的语法错误,包括重命名的HOC
我想从同一个文件中导出多个文件,其中之一是被重命名为默认文件的高阶组件,但是我收到语法错误。
//Shape.js
import React,{ createContext,memo } from "react";
const ResizeAPI = createContext();
const Shape = (props) => {
/* ... */
}
export {
memo(Shape) as default,// <-- Syntax/Parsing Error: Unexpected token,expected ","
ResizeAPI
};
如果我不包装Shape
组件,则不会出现语法错误:
export {
Shape as default,// <-- This is fine
ResizeAPI
};
此外,如果仅导出主要组件(即使已包装),也不会出现语法错误:
export default memo(List); // <-- This is fine
如何在导出列表中导出重命名的HOC?
解决方法
问题是您导出的对象没有有效的密钥,但是您也不能拥有具有as default
语法的密钥,请尝试执行以下操作:
// preferable
export default memo(Shape);
export { ResizeAPI };
// or
const MemoShape = memo(Shape);
export { MemoShape as default,ResizeAPI };
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。