React 知识点小结(三):传参及路由

方法绑定

不带参数:

onClick={this.方法名}

带参数:

onClick={()=>this.方法名(参数)}

子到父的传参

在父组件创建方法,这个方法用来改变父组件的值
把这个方法通过属性传递给子
在子组件中通过属性获得这个方法并调用

有状态组件和无状态组件

class都是有状态组件state,有this对象
无状态组件:无state,无this对象,只有props参数。
本质是一个箭头函数

路由

react-router

路由的两种模式:

BrowserRouter 相当于 Vue的history模式
HashRouter 相当于Vue的hash模式
{ match }本质上是从this.props中解构出来的

路由的动态路由传参

配置路由:

<Route path="/路径/:变量名" component={组件} />

标签跳转:

<Link to="/路径/xxxx" >

编程式跳转:

this.props.history.push("/路径/xxxx")

接收参数:

this.props.match.params.变量名
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容