Javascript 在react中导入后，使用fat箭头声明的功能组件将变得未定义

我在react中声明了此功能组件，但当我在另一个组件中导入此组件时，会抛出一个错误，即此组件未定义，并且当我将此胖箭头功能更改为正常ES5功能时，它会工作！为什么

export default ActionButton = (props) => {
    return (
        <div>
            <button>
                <FontAwesomeIcon icon={faPlusSquare} className={classes.ButtonItem} />
            </button>
        </div>
    );
}

导出默认操作按钮=（道具）=>{
返回(
);
}

尝试使用

const

单独定义，然后将创建的

ActionButton

变量导出为：

const ActionButton = (props) => {
    return (
        <div>
            <button>
                <FontAwesomeIcon icon={faPlusSquare} className={classes.ButtonItem} />
            </button>
        </div>
    );
}

export default ActionButton

---

尝试使用

const

单独定义，然后将创建的

ActionButton

变量导出为：

const ActionButton = (props) => {
    return (
        <div>
            <button>
                <FontAwesomeIcon icon={faPlusSquare} className={classes.ButtonItem} />
            </button>
        </div>
    );
}

export default ActionButton

---

不能像以下那样导出默认值：

export default ActionButton = (props) => {

您应该这样做：

export default (props) => {

这是因为默认导出没有明确的名称。也就是说，您可以以任何名称导入它

---

不过，首选的方法是先定义，然后再导出：（如果您还有其他命名的导出）

---

不能像以下那样导出默认值：

export default ActionButton = (props) => {

您应该这样做：

export default (props) => {

这是因为默认导出没有明确的名称。也就是说，您可以以任何名称导入它

---

不过，首选的方法是先定义，然后再导出：（如果您还有其他命名的导出）

---

我将尝试使用const，但为什么它在没有const的情况下显示undefined？我将尝试使用const，但为什么它在没有const的情况下显示undefined？您使用的是transpiler吗？我猜这里会有一个循环依赖性问题，并且会挂起正确的函数声明，但我希望您会得到一个临时死区异常，而不是一个

未定义的

值。请注意，您无意中将

ActionButton

变量赋值，如果在其他地方还没有声明，那么它应该在严格模式下抛出异常。您是否正在执行

导出默认值（props）=>{…}或者可能
constactionbutton=（道具）=>{…}；导出默认操作按钮甚至
constactionbutton=（道具）=>{…}；导出{ActionButton作为默认值}
？是否使用transpiler？我猜这里会有一个循环依赖性问题，并且会挂起正确的函数声明，但我希望您会得到一个临时死区异常，而不是一个
未定义的
值。请注意，您无意中将
ActionButton
变量赋值，如果在其他地方还没有声明，那么它应该在严格模式下抛出异常。您是否正在执行
导出默认值（props）=>{…}或者可能
constactionbutton=（道具）=>{…}；导出默认操作按钮甚至
constactionbutton=（道具）=>{…}；导出{ActionButton作为默认值}
？