
React
Lewis_1993
这个作者很懒,什么都没留下…
展开
-
基于redux的前端框架dva入门教程
核心概念之 Model,包含以下5个属性:1. namespace2. state3. subscriptionssubscription 是订阅,用于订阅一个数据源,然后根据需要 dispatch 相应的 action。在 app.start() 时被执行,数据源可以是当前的时间、服务器的 websocket 连接、keyboard 输入、geolocation 变化、history 路由变化等等原创 2017-11-13 11:18:13 · 3578 阅读 · 0 评论 -
以 TodoList 为例,谈谈 React 和 Vue 的优劣
昨天在家用 React 做了一个简单的 TodoList,之前用 Vue 也实现过(传送门)。一模一样的界面和功能,相较之下,React 的代码量是 Vue 的两倍。在列表渲染、事件绑定、组件通信等方面,React 都不如 Vue 优雅:React 列表渲染需要使用数组的 map 方法,Vue 只需 v-for 就行React 绑定点击事件是这样的: onClick={this.ha...原创 2017-11-20 10:54:56 · 1223 阅读 · 1 评论 -
React 组件通信
父组件到子组件class App extends Component { constructor(props){ super(props) this.state = { msg: 'msg from parent' } } handleClick(){ this.setState({ msg: this.state.msg.split原创 2017-11-19 12:14:34 · 312 阅读 · 0 评论 -
React-阻止事件冒泡
React 合成事件系统中提供了一个 e.nativeEvent.stopImmediatePropagation()方法用来阻止冒泡,不过需要注意的是,阻止 React 事件冒泡的行为只能用于 React 合成事件系统中,且没办法阻止原生事件的冒泡。反之,在原生事件中的阻止冒泡行为,却可以阻止 React 合成事件的传播。...原创 2018-06-13 15:53:18 · 1213 阅读 · 0 评论 -
封装 react-router 实现在新标签页中打开外链
import React from 'react';import { Link as RouterLink } from 'react-router-dom';import URL from 'url-parse';export default function (props) { const { to, children, newTab, className } = props;...原创 2018-09-05 15:17:55 · 6153 阅读 · 0 评论