react bug
来源:互联网 发布:公众号编辑 知乎 编辑:程序博客网 时间:2024/06/05 17:24
1.Uncaught Invariant Violation:
_registerComponent(...): Target container is not a DOM element.
这里的 id 名字写错了。
2.组件 不报错 无反应
问题: 新建变量 首字母 小写。 只有首字母 大写 才正确解读。
<div id="example"></div>
<script type="text/babel">
var HelloMessage = React.createClass({
render: function(){
return <h1>hello ! {this.props.name}</h1>;
}
});
ReactDOM.render(
<HelloMessage name="TOM"/>,
document.getElementById('example')
)
<script type="text/babel">
var HelloMessage = React.createClass({
render: function(){
return <h1>hello ! {this.props.name}</h1>;
}
});
ReactDOM.render(
<HelloMessage name="TOM"/>,
document.getElementById('example')
)
</script>
解读正确的 html 样式: 解读错误的 html 样式:
3.缺少唯一键值
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `RepoList`. See https://fb.me/react-warning-keys for more information.
警告:数组或迭代器中的每个子数组都应该有一个唯一的“键”键。检查方法repolist ` `渲染。看到https://fb.me/react-warning-keys更多信息。
警告代码:
var repoList = item.map(function(info){
return (
<li>
<li>
<a href="item.html_url">{info.name}</a> ,<span>({info.stargazers_count} star)</span>,
<span>{info.description}</span>;
</li>
)
||
正确代码:
var repoList = item.map(function(info,index){
return (
<li key={index}>
return (
<li key={index}>
<a href="item.html_url">{info.name}</a> ,<span>({info.stargazers_count} star)</span>,
<span>{info.description}</span>;
</li>
)
)
0 0
- react bug
- react native bug
- React Native BUG(001)
- React-native 出bug 记录
- React Native之手势bug
- react-native-elements/ListItem bug
- react-native ListView bug解决办法
- React-Native开发之BUG 总结
- react-native-elements/SwipeDeck android bug
- react-native 环境搭建+bug修复
- react-native启动android service bug解决办法
- react默认路由中的一个bug
- react学习总结7--可能会遇到的BUG
- RN问题汇总之-0.39.0.React.Children bug修复
- 【WINDOWS环境 React Native学习】React Native移植原生Android项目及其各种奇葩Bug解决
- react native踩坑记之react-native-video 安卓平台下自动播放bug
- react-native-scrollable-tab-view 嵌套react-native-swiper 引发的 bug
- React
- 如何从 iCloud 中移除文件
- Netty学习
- JavaScript之History对象(BOM)
- Deep Learning--字典的生成
- Netty学习-02(粘包 解包 FrameDecoder)
- react bug
- Java操作Excel
- model/view 架构
- 寻找Coder
- android studio 中的编码问题
- Altium Designer原理图库引脚名字添加上划线
- java 文件操作
- [大型网站优化技术] -- 减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片
- Jetty学习