javascript - react map遍历报错

问题描述

问 题

map遍历出错！！！

let val = ["111","222","333","444","555","666","777"];
let Hear= React.createClass({
        render: function() {
            return (
                <article className="hear">
                    <div className="divst">
                        <ul> {
                            val.map(function(names){
                                return <li>{names}</li>
                            })
                        } </ul>
                    </div>
                </article>
            );
        }
});

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

需要给子节点一个唯一的标识符。

val.map(function(names, index) {
    return <li key={index}>{name}</li>
})

相似问题：http://stackoverflow.com/ques...

这篇关于javascript - react map遍历报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！