反應：嵌套箭頭 function 未定義

Question

出色地。 我又把東西弄壞了。

所以這里的想法是我正在嘗試創建一個箭頭 function 來顯示一些數據，在此過程中，我的目標是在第一個到 Z1D78DC8ED51214E518B5114FE2 的第一個中創建一個第二個箭頭 function，但有些數據已損壞到列表中。 .

根據我的瀏覽器， serverInfoTabList 。

const VarInfo = (props) =>  {

    serverInfoTabList = (var) => {
        if (var != undefined){
            return //mappingstuff {
                //more var stuff
                return (
                    <li 
                        {var}
                    </li>
                );
            });
        }
    }

    return (
        props.var!= undefined ? 
        <div className={props.var}>
            <h1>{props.var.map}</h1>
            {/* <img src={props.var.image}/> */}
            <div>
                <ul>  
                    {this.serverInfoTabList(props.var)}
                </ul>
            </div>
        </div>
        : 
        null
    );
}

Answer 1

改變

this.serverInfoTabList(props.var)

至

serverInfoTabList(props.var)

由於您定義了一個功能組件，因此您不需要在this特定上下文中使用它。 如果您將組件定義為 class，那么您將需要使用this .

注意：不要使用var作為變量名，因為這是 JavaScript 中的保留字。