![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React语法
大大的飞碟
不想太笨
展开
-
react合成事件的三种绑定方式bind
在使用ES6 classes或者纯函数时,不存在自动绑定,需要我们手动实现this的绑定。一 bind方法。这个方法可以绑定事件处理器内的this,并可以向事件处理器中传递参数,例:class App extends Component{ handleClick(e,arg){ console.log(e,arg); } render(){原创 2017-07-25 08:57:19 · 7628 阅读 · 0 评论 -
react使用hashHistory实现类似get方法带参数跳转
第一页引入hashHistoryimport {hashHistory} from 'React-router'传参:btnClick:function () { hashHistory.push({ pathname: '/apartmentReserve/'+roomData.id, query: { id:roomData.id, name:room原创 2017-07-18 14:40:03 · 17178 阅读 · 1 评论 -
使用PropTypes进行类型检测
YourComponent.propTypes ={}// 你可以定义一个js原始类型的prop,默认请情况下,这是都是可选的 optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber:转载 2017-08-21 14:01:20 · 1111 阅读 · 0 评论 -
react中ES6语法报错:static propTypes,static defaultProps :modulbuild failed:SyntaxError
在ES6语法中创建组件,组件内部定义静态propTypes及defaultProps ,编译过程出现错误:modulbuild failed:SyntaxError解决方法如下:一 不安装babel-preset-stage-0依赖时,可以把静态默认属性放在组件外class App extends Component{ render(){}}App.propTyp原创 2017-07-25 16:44:10 · 4664 阅读 · 0 评论 -
React组件中对a标签的href的带变量拼接
linkContent= 名称:{this.props.name} 注意href={},及href内部需要使用单引号。另外也可以写propslinkContent= 名称:{this.props.name}原创 2017-07-17 17:48:51 · 22901 阅读 · 0 评论 -
react-router带参数使用Link跳转并取出参数
index.js如上。使用Link跳转:取出参数:var apartmentId=this.props.params.apartmentId;原创 2017-07-18 10:45:24 · 6211 阅读 · 2 评论 -
React-router表单跳转两种方法
一browserHistory.push方法handleSubmit (e){ e.preventDefault(); //... const path = `/apartmentPay` browserHistory.push(path)}二context对象方法export default React.createClass({//原创 2017-07-06 09:10:58 · 3369 阅读 · 0 评论 -
React创建组件的三种方式及其区别
转自wonyun博客转载 2017-07-05 16:35:33 · 268 阅读 · 0 评论 -
ES6标准下react使用router跳转context.router未定义的解决
示例:class Example extends React.Component { constructor(props, context) { super(props, context); this.context.router; // it works } btnClick(){ this.context.router转载 2017-07-27 09:42:50 · 4272 阅读 · 0 评论