博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React学习日记
阅读量:6622 次
发布时间:2019-06-25

本文共 1066 字,大约阅读时间需要 3 分钟。

  hot3.png

记录自己的学习开发过程。

1.当你在写react的时候报了这个错误或者警告:Each child in an array or iterator should have a unique “key” prop.

解决办法是在render每个循环的标签内添加属性key 至于为何这么搞 还有待研究。

return 
Hello, {name}!

2.每个render只能返回一个根结果,如果是组合的话,要在组合之外加一层,包裹起来。


3.Invariant Violation: _registerComponent(...): Target container is not a DOM element.

就是一个找不到DOM节点的问题,将html文件中引用的js文件放到页面最后就好了,受加载顺序影响。


4.在使用ztree的时候,jsx中的初始化树的方法$.fn.zTree.init($("#ztree"), this.state.setting, this.state.zNodes);

其中红色部分一定要使用jquery或者原生js来获取元素节点,不能使用react中ref,

例如:

componentDidMount: function(){

var obj = this.refs.refZtree;

$.fn.zTree.init(obj , this.state.setting, this.state.zNodes);

}

这样会报错:obj.attr is not a function,原因是在ztree在init方法执行时,可能是跟jquery装载机制有关系,这块还有待研究。


5.在使用map循环时,内部的事件如onClick会失效,应该在该map方法的尾部加上bind(this)

this.state.keys.map(function(key, i){

           return <th key={i} className={st} onClick={this.handleSort} name={key}>{dataHeader[key]}</th>

        }.bind(this))

添加到this.handleSort.bind(this)是不可以的,原因可能ES5标准的原因,记一下。


6.不要在map的时候进行return。而是先将map的结果保存到一个变量,然后return这个变量。

转载于:https://my.oschina.net/pandon/blog/653566

你可能感兴趣的文章
【转】linux进程的内存使用解析
查看>>
我的友情链接
查看>>
Oracle 查询不区分大小写 (正则函数)
查看>>
T264接口说明
查看>>
SELinux介绍
查看>>
visual C++ 用 TextOut 输出单个字符
查看>>
Rsyslog实现Nginx日志统一收集
查看>>
开源数字媒体资产管理系统:Razuna
查看>>
linux文本处理三剑客之grep家族及其相应的正则表达式使用详解
查看>>
Java中的IO操作(一)
查看>>
Python---装饰器
查看>>
s17data01
查看>>
kubernetes1.9.1 集群
查看>>
java set and get 用法
查看>>
linux笔记1-1
查看>>
less及编译工具介绍
查看>>
干货满满,腾讯云+社区技术沙龙 Kafka Meetup 深圳站圆满结束
查看>>
IP访问控制列表(ACL)
查看>>
MPLS ×××案例
查看>>
Jmeter-发送JDBC请求
查看>>