胖箭头函数 React Uncaught ReferenceError

Question

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

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

但是，以下代码返回“未捕获的引用错误”

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

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

请告诉我我在上述任何和所有陈述中的误解。

提前致谢

Answer 1

如果您在严格模式下运行，则需要在变量定义之前添加const,let或。var

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