Question

我是编程新手，并且一直在学习有关udemy的课程，以学习JS，html和CSS，因为在进入React之前，我读过这些很重要。我遇到了一个似乎无法解释的问题。以下代码正确执行且没有错误：

function FriendLy(props){
        return(
            <div className = "friendLy">
                <Avatar pic = {props.pic}/>
                <Username name = {props.name}/>
                <GetConnected/>
            </div>
        );
    }

但是，以下代码返回“ Uncaught ReferenceError”

FriendLy = (props) => {
        return(
            <div className = "friendLy">
                <Avatar pic = {props.pic}/>
                <Username name = {props.name}/>
                <GetConnected/>
            </div>
        );
    }

据我对ES6和JS的有限了解，这两个表达式应该产生相同的结果。我使用的是Babel，据了解我将ES5转换为ES6。

请就以上所有陈述中的误解告诉我。

预先感谢

Answer 1

如果您在strict mode下运行，则需要在变量定义之前添加const，let或var。

const FriendLy = (props) => {
   return (
     // ...
   )
}

Answer 2

Uou希望使其成为分配给变量的函数，因此您需要在const之前放置var，let或FriendLy：

var FriendLy = (props) => {...}

粗箭头功能React Uncaught ReferenceError

2 个答案: