Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table>

原因：在React中<tr>元素不可以作为<table>元素的直接子元素
解决方法：加入thead/tbody即可

七、.遍历数组元素

Warning:each child in an array or iterator should have a unique "key" prop

原因：在React中数组遍历返回元素或组件时需加上key属性作为唯一标识
解决：

address.map((item, index) => {
    return (
        <ul class="items">
            <li class="item" key={index}>{item}</li>
        </ul>
    )
});

八、constructor无法使用this.props

super(props)的目的：在constructor中可以使用this.props

九、react中父级props改变，更新子级state

原因：父组件传递给子组件的props发生改变时，state不会自动更新，并没有执行子组件的constructor函数,同时引发子组件的render，子组件的this.props的值也是从render函数开始执行的时候开始更新的，render之前生命周期函数中都是获取不到最新的this.props的.子组件没有被卸载自然不会重新加载，只会重新render,我们需要重新处理下，将props转换成自己的state，使用componentWillReceiveProps(nextProps)

父组件的props传递给子组件的state只会在第一次加载的时候被赋值，后续的父组件props变化并不会被赋值到子组件的state上

十、react router browserRouter 的坑
1、刷新非首页出现Cannot get Page
原因：自身的特性
解决：

devServer: {
   historyApiFallback: true,
}

//第二种方法
BrowserRouter 改为 Hashrouter

2、打包后绝对路径有问题
需要服务端配置或改为HashRouter

脚本宝典总结

以上是脚本宝典为你收集整理的React 的错误提示全部内容，希望文章能够帮你解决React 的错误提示所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。