反应：未定义嵌套箭头功能

Question

嗯。我又把东西弄坏了。

因此，这里的想法是我试图创建一个箭头函数以显示一些数据，并且在此过程中，我旨在在第一个中创建SECOND箭头函数，以将一些数据映射到列表中，但是坏了。

根据我的浏览器，未定义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)

to
serverInfoTabList(props.var)

由于定义了功能组件，因此在此特定上下文中无需使用this。如果您将组件定义为类，则需要使用this。
注意：请勿使用var作为变量名，因为这是JavaScript中的保留字。