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