zoukankan      html  css  js  c++  java
  • 日常问题处理(三)

    一、react子组件实现路由跳转

    方法一、将父组件的this.props通过属性传递给子组件

    父组件中
    <Video videos={this.state.videos} setprops={this.props} />
    //this.props为父组件的
    子组件
    
    clickHandle() {
    		console.log(this.props.setprops)
        this.props.setprops.history.push("/detail/intro");
      }

    方法二、子组件通过router的context

    1、引入 PropTypes

    import PropTypes from "prop-types"

    2、声明contextTypes

    static contextTypes = {
    		router: PropTypes.object
    	}

    3、路由跳转

    clickHandle() {
    		console.log(this.context)
        this.context.router.history.push("/detail/intro");
      }
    

      

  • 相关阅读:
    Rocket
    Rocket
    Rocket
    Rocket
    Rocket
    PHPstorm快捷键大全
    PHP命名规则
    第二章:第2章PHP基础语法
    第一章:初识PHP
    jQuery适用技巧笔记整合
  • 原文地址:https://www.cnblogs.com/detanx/p/reactChildrenrouter.html
Copyright © 2011-2022 走看看