粗箭頭功能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>
        );
    }    

但是，以下代碼返回“ 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

如果您在嚴格模式下運行，則需要在變量定義之前添加const ， let或var 。

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

Answer 2

Uou希望使其成為分配給變量的函數，因此您需要在FriendLy之前放置const ， var或let ：

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