React
React知识总结
慢吞吞的树懒
日复一日
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React进行事件传参
向事件处理程序传递参数,有两种方式:一种是箭头函数方式:回调形式传参,另一种时function方式:bind()形式传参<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button><button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>示例代码如下:changeOne = (e,title) =原创 2020-07-17 09:43:35 · 803 阅读 · 0 评论 -
React中遍历多个数据tr,td
1,根据后台返回的数据来遍历table中的tr,td分析:后台返回的数据类型:[ {time: "05-28", value: "3"}, {time: "05-29", value: "0"}, {time: "05-30", value: "6"}, {time: "05-31", value: "2"}, {time: "06-01", value: "7"}, {time: "06-02", value: "7"}]所以我们得根据数组得长度来遍历tr,根据对象...原创 2020-07-15 09:33:43 · 1657 阅读 · 0 评论 -
recharts中Legend的margin属性设置无效
设置legend图例组件中的margin无效:.recharts-legend-item { transform: translateX(6em) translateY(-2em); }原创 2020-07-06 22:45:30 · 1682 阅读 · 0 评论 -
react hooks中主要的API使用
什么是Hooks?接下来以一个等价的 class 示例进行比较来开始学习 Hook:useState:状态示例如下: //通过useState Hook 声明了一个新的state变量 const [count,setCount] = useState(0) //这种js语法叫做数组解构,意味着我们同时创建了count和setCount两个变量 // count的值为useState返回的第一个值,setCount是返回的第二个值 //相当于以下代码: // var countSt原创 2020-06-14 22:08:23 · 1359 阅读 · 1 评论 -
在react中使用redux和react-redux
在react中使用reduxredux是什么?redux是一个独立专门用于做状态管理的JS库(不是react插件库)它可以用在react,angular,vue等项目中,但基本与react配合使用作用:集中式管理react应用中的多个组件共享的状态redux工作流程:什么情况下需要使用redux总体原则:能不用就不用某个组件的状态需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态redux的核心APIcreateStore()作原创 2020-06-08 21:11:18 · 1737 阅读 · 0 评论
分享