react学习笔记
关注
分享
扫一扫
天宇流沙
这个作者很懒，什么都没留下…
展开
-
react兄弟组件通信，类组件向函数组件通信
/* eslint-disable react/jsx-indent *//* eslint-disable import/named */import React from 'react';import Top from './top';import Left from './left';import Content from './conent';import './c.less';class Main extends React.Component { constructor(pr原创 2021-12-23 21:45:35 · 490 阅读 · 0 评论 -
echarts css
/*清除元素默认的内外边距 */* { margin: 0; padding: 0; box-sizing: border-box;}/*让所有斜体 不倾斜*/em,i { font-style: normal;}/*去掉列表前面的小点*/li { list-style: none;}/*图片没有边框 去掉图片底侧的空白缝隙*/img { border: 0; /*ie6*/ vertical-align: middle;}/*让button 按钮原创 2021-09-13 19:59:49 · 723 阅读 · 0 评论 -
echarts demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>数据可视化项目</title> <link rel="stylesheet" href="fonts/icomoo原创 2021-09-13 19:45:33 · 273 阅读 · 0 评论 -
react前端勾选/批量打印功能，和将后端返回的条形码pdf格式转化并新窗口打开
// 打印相关的逻辑，点击按钮 调用handlePrint() @Bind() handlePrint() { const { dispatch } = this.props; const { selectedRowKeys } = this.state; // selectedRowKeys是需要打印的数据的标识，将需要打印的数据标示传递给后端，根据后端要求传递， dispatch({ type: 'qualityResult/fetchListPr..原创 2021-01-14 15:09:45 · 858 阅读 · 0 评论 -
react学习笔记之事件处理
当你使用 ES6 class 语法定义一个组件的时候，通常的做法是将事件处理函数声明为 class 中的方法。例如，下面的 Toggle 组件会渲染一个让用户切换开关状态的按钮：你必须谨慎对待 JSX 回调函数中的 this，在 JavaScript 中，class 的方法默认不会绑定 this。如果你忘记绑定 this.handleClick 并把它传入了 onClick，当你调用这个函数的时候 this 的值为 undefined。class Toggle extends React.Compone原创 2020-10-27 10:48:51 · 96 阅读 · 0 评论 -
redux 的dispatch和action
下面是一些 action 的示例：{ type: 'ADD_TODO', text: 'Go to swimming pool' }{ type: 'TOGGLE_TODO', index: 1 }{ type: 'SET_VISIBILITY_FILTER', filter: 'SHOW_ALL' }一般来说你会通过 store.dispatch() 将 action 传到 store。唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。st原创 2020-10-28 20:37:00 · 4186 阅读 · 0 评论