Question

我正在尝试将ES5样式回调传递给数组的map函数。它没有用，但当我把它改成箭头功能时一切顺利

    render(){
    return (
        <ul>
        {this.props.items.map((item, index) => (
                <li key={index}>{item}</li>
        ))
        }
        </ul>
    );
}

以下代码无效

   return  (
        <ul>
        {this.props.items.map(function(index, item) { (
                <li key={index}>{item}</li>
        )})
        }
        </ul>
    );

我也尝试过功能（项目，索引）。不行。没有错误。函数未执行且未呈现li元素

Answer 1

您需要包含一个return语句，默认情况下包含在ES6中

return  (
        <ul>
        {this.props.items.map(function(index, item) { return (
                <li key={index}>{item}</li>
        );})
        }
        </ul>
    );

反应ES5风格函数回调不起作用

1 个答案: