React-小白笔记之路由传参&ref&组件属性

来源:互联网 发布:2g 3g 4g网络区别 编辑:程序博客网 时间:2024/06/06 02:33

通过项目学习react,记录一些自己的理解。欢迎大家多多指正,给我建议,帮助我更快的学习好react,不胜感激!


*****************************************************************
路由传参:
this.props.router.push({
      
pathname: '/contactsDetail',
      
query: {
  searchValue: ""
      
}
    
});
获得参数:
let searchValue = this.props.location.query.searchValue;


组件的属性:
<Filter ref="filter" toSearch={this.toSearch.bind(this)}
                filterValue={this.state.searchValue}/>
组件属性,与组成组件的html标签的属性,是两个东西,注意区分。

(刚刚接触react,对组件这种形式不够理解,之前一直误以为<input>的value属性,在Filter上直接就可以用的,结果试了很久都达不到想要的效果。后来恍悟,组件本身就是我新创造的东西,自然应该包括新属性也是我创造的,而不是Filter这个新组件,可以任意使用它包含的html标签的任何属性。这个错误有点太low了,见笑。)
在子组件里,因为是暴露给父组件的属性,无论是方法还是属性,对于父组件来说,都是属性,所以通过 this.props.属性名 来获取。




ref,在父组件中,写在子组件里的一个属性,子组件不用有体现。ref定义了一个唯一的标识,相当于id.
相同组件,在不同父组件中ref可以是不同的值,但是最好对于一个组件,设置一个相同的值。
在父组件中,通过 this.refs.ref属性值 可以访问。


****************************************************************