反應ES5樣式的函數調用不起作用

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>
    );