随笔分类 - react
摘要:BizCharts 一、柱状图 柱状图效果: 代码: import React, { PureComponent } from 'react'; import { connect } from 'dva'; import router from 'umi/router'; import { Row,
阅读全文
摘要:业务场景: 由于业务的个性化需求,我们经常会遇到需要覆盖组件样式的情况,这里举个简单的例子。 antd Select 在多选状态下,默认会展示所有选中项,这里我们给它加一个限制高度,超过此高度就出滚动条 代码: // TestPage.less .customSelect { :global { .
阅读全文
摘要:前端填坑之路Ant Design里面的一些触发方法,如OnChange,OnSelect等等,当你触发时,该时间会自动传一些值给方法。 这是Select里面的onChange调用,在红框中,他会自动传Option的value值给你写的方法。 但如果,你想在这个调用中除了传固有的值,还想传你自己相传的
阅读全文
摘要:前面我们已经了解了react.js其中一种路由方式。 这种方式是利用 html5的`window.history`,对浏览器历史记录的读取。`history.back()` 和在浏览器点击后退按钮相同;`history.forward()`和在浏览器中点击前进按钮相同。 另外h5时段开始支持`pus
阅读全文
摘要:在React中使用react-router-dom路由 https://www.jianshu.com/p/8954e9fb0c7e 使用React构建的单页面应用,要想实现页面间的跳转,首先想到的就是使用路由。在React中,常用的有两个包可以实现这个需求,那就是react-router和reac
阅读全文
摘要:create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 执行命令如下: npm install create-react-app -g // 全局安装
阅读全文
摘要:从零开始搭建一个react项目 欢迎加入qq群:36952712 如果只是想试试 React,那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样,create-react-app将webpack的相关配
阅读全文
摘要:一、安装 npm install -g create-react-app 二、创建react应用 create-react-app是全局命令来创建react项目 $ create-react-app react-cli-demo Creating a new React app in G:\GitH
阅读全文
摘要:react 第三次课 props 属性state 状态 是可以被改变的(私有的,不可以通过外部访问和修改,在组件内部修改,导致组件会重新render) 感觉挺简单的 props 属性(传参 取值 父传给子) state 状态 class HelloMessage extends React.Comp
阅读全文
摘要:react 第二次课 jsx--变量jsx--functioncomponent component 组件 写法 1.class2.自定义组件 1.class //继承 class HelloMessage extends React.Component{//组件 render(){ return
阅读全文
摘要:00::55:00 开始 react 第一次 view 负责UI组件 MVVM 双向绑定要自己来写 路由/单页面应用/ 公司:Facebook JSX 1.npm init2.npm install react react-dom babel-standalone -S react/react-do
阅读全文