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属性值 可以访问。
****************************************************************
- React-小白笔记之路由传参&ref&组件属性
- React-小白笔记之受限组件 & 小坑
- react ref 属性
- React Popos属性和组件传参
- React入门笔记(三):表单、事件、Ref属性
- React 之ref 详解
- 4.React中文之组件和属性
- React Native之Text组件numberofLines属性
- React—native 之 Navigator (导航路由)组件
- React基础(路由,组件,事件)
- React之ref详细用法
- React之ref详细用法
- React之ref的使用
- 特殊属性之:ref
- 20、react之 路由
- [React网络整理]React之表单组件的学习笔记
- React 父组件获取子组件节点的ref值
- react-WeUI之picker组件的相关属性
- 使用 Xlistview 展示网络请求数据
- 成功更改MySQL编码为utf8的过程
- html缓存-mainfest
- STM32 IO口的八种模式使用小结
- java开源持久层框架--深度开源
- React-小白笔记之路由传参&ref&组件属性
- 在stm32f1系列使用dsp库
- EM算法的目的
- js中push(),pop(),unshift(),shift()的用法小结
- IntelliJ idea鼠标移动到类上显示文档document(javadoc)内容
- 输入框基本的正则限制
- Instruments 调试工具的使用
- express 学习记录
- WinForm状态栏实时显示当前时间