react 知识点

1.react中将带标签的字符串转义为html解析

     <p dangerouslySetInnerHTML={{ __html: value.content }} />

2.修改样式

    this.$content = document.getElementById('content') // 获取节点

    this.$content.style.overflow = 'hidden' // 修改样式

3.引入图片

     <img src = { require('.图片路径') } />

4.react实现点击(单选)选中的li高亮的示例代码

      https://www.jb51.net/article/140735.htm

5.react实现点击(多选)选中的li高亮的示例代码

     https://segmentfault.com/q/1010000017420188

ES6，Array.includes()函数的用法

在ES5，Array已经提供了indexOf用来查找某个元素的位置，如果不存在就返回-1，但是这个函数在判断数组是否包含某个元素时有两个小不足，第一个是它会返回-1和元素的位置来表示是否包含，在定位方面是没问题，就是不够语义化。另一个问题是不能判断是否有NaN的元素。

2、常用组件

• axios(http请求模块，可用于前端任何场景，很强大)
• echarts-for-react(可视化图表，别人基于react对echarts的封装，足够用了)
• recharts(另一个基于react封装的图表)
• nprogress(顶部加载条，蛮好用)
• react-draft-wysiwyg(别人基于react的富文本封装，如果找到其他更好的可以替换)
• react-draggable(拖拽模块，找了个简单版的)
• screenfull(全屏插件)
• photoswipe(图片弹层查看插件，不依赖jQuery，还是蛮好用)

• react-wx-images-viewer 微信图片查看插件

• animate.css(css动画库)
• redux Web 应用是一个状态机，视图与状态是一一对应的.所有的状态，保存在一个对象里面
• redux-logger 日志
• Reselect 记忆组件
• redux-thunk 为了解决异步action的问题
• redux-saga 为了解决异步action的问题
• react-router-redux 保持路由与应用状态(state)同步
• react-router-dom