react 学习笔记之AJAX数据请求和使用

今天要做的是利用ajax请求数据之后，在将数据插入在react组件之中。

遇到的问题是：
1、无法从ajax函数外部获取ajax请求到的数据
开始没有多想，直接在componentWillMount 和 componentDidMount 中尝试用ajax获取数据，获取成功但是无法在外部调用。
最终经过思考，在需要使用数据的组件之前，先在ajax回调函数中使用localstorage.setItem()将数据储存在本地，在组件中使用localstorage.getItem()调用。
在此过程中尝试在componentWillMount 中用 setState 来传递数据，但是报错，错误的大致内容是 setSate 必须在component 的 mounting和mounted状态下才能使用。

---

2、在组件中 $(this) 获取到的是组件本身
最终通过$(e.target)解决

---

3、将jquery代码写在componentDidMount 钩子函数中，发现无法直接操作DOM，改用 ref，而ref获取的是节点对象，此处脑子进水，半天想不出来获取到之后该怎么进行操作，后还发现是可以通过jquery代码操作dom的，果然脑子进水不一般严重。。。
最后把jquery代码写在handleClick 函数中，顺利实现效果。

---

4、通过domNode.css(“transform”)获取到的是matrix（）或者matrix3D（）数据，难怪使用domNode.css(“transform”)==rotateX（）作为判断条件一直没有效果。。。

---

5、react组件的子节点不能是对象

return(<li><i className="prod-icon prod-list-icon"></i><span>{listItem.InsureDesc}</span></li>)

刚开是只写了{ listItem }，一直报错告诉我子节点不能是对象，可以尝试把想要插入的数据变成数组，或者对象集合之类的东西，仔细检查之后发现 listItem 是一个对象。有各种属性，但是本身没有值。

---

6、需要什么条件作为判断依据，来决定要不要改变一个Dom节点的状态的时候，这个节点本身的状态就是很好的依据。