首页 » JS » 正文

React 开发问题总结

在使用react框架开发时,经常遇到一些问题,在此记录一下。

1.浏览器console面板经常提示以下警告

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `ListComponent`. See https://fb.me/react-warning-keys for more information.

【解决办法】:在循环array或iterator时,要给循环的标签增加一个key属性,并设置key唯一性的值。即,循环体最外围的标签,里面的标签可不用加。

let arr = [0,1,2];
arr.map((v, i)=>{
    return (
        <div key={i}>
            <div>ok</div>
        </div>
    )
})

2.浏览器console面板提示以下类似警告

Warning: Invalid DOM property `autoplay`. Did you mean `autoPlay`?

【解决办法】:将“autoplay”属性改为“autoPlay”;此类警告进本都是因为属性名没写成驼峰。

待续…

发表评论