react 子组件使用 props.history.push 无法跳转或者显示pushunderfind 问题

出现这个问题的主要原因是在父组件里面没有给子组件传history

在我们的父组件里面传递一个history

    function MyModel(props) {return(<><ResultCard   history={props.history}></ResultCard></>)}export default MyModel

然后在我们的子组件里面接收一下就可以使用进行跳转转了

 props.history.push(xxx)

function ResultMyCard(props) {const modelhref=()=>{props.history.push(xxx)}}  return(<><button onClick={modelhref}>点我进行跳转</bitton></>)
}
export default ResultMyCard

react 子组件使用 props.history.push 无法跳转或者显示pushunderfind 问题相关推荐

使用react——解决this.props.history.push无法跳转的问题
转自: https://blog.csdn.net/yingzizizizizizzz/article/details/78751305 场景: 一个组件中,含有ul展开数组的组件,在每一行中,都能点 ...
react使用link跳转传递参数_React-Typescript之路由跳转（使用this.props.history.push)
接上篇: 问题: 如果使用 this.props.history.push('/searchs') ,它是有问题的,导致不能跳转,因为没有props,需要使用withRouter为这个对象添加hist ...
React子组件如何传值给父组件?这样传
父组件传值到子组件先来温习一下在React中父组件如何传值给子组件: 利用props可直接实现由父组件传值给子组件父组件中代码: ReactDOM.render(<App text=&quo ...
React子组件怎么改变父组件的state
React子组件怎么改变父组件的state 1.父组件 class Father extends React.Component {construtor(props){super(props);thi ...
react 子组件回调父组件函数
其实就是父组件将父组件的函数(key:changeState,value:goToBPMS函数)传递给子组件,子组件从props中调用key为changeState的函数,父组件的goToBPMS函数 ...
react子组件向父组件传值
思想: 子组件往父组件传值,父组件中定义一个函数,在子组件中触发,触发的时候子组件把需要传递的数据当作参数传递过去,即可 1.父组件提供一个回调函数(其参数用于接受数据) 2.将函数作为属性的值,利用 ...
组件间数据交互||父组件向子组件传值-基本使用|| 父组件向子组件传值-props属性名规则
组件间数据交互父组件向子组件传值 1. 组件内部通过props接收传递过来的值 2. 父组件通过属性将值传递给子组件父组件向子组件传值-基本使用 <!DOCTYPE html> < ...
[react] 在React中组件的props改变时更新组件的有哪些方法？
[react] 在React中组件的props改变时更新组件的有哪些方法? 新版用 getDerivedstatefromProps(nextProps){ 业务逻辑} 个人简介我是歌谣,欢迎和大家 ...
react 子组件componentDidMount只执行一遍
react 子组件componentDidMount只执行一遍的解决方法用key值:

react 子组件使用 props.history.push 无法跳转或者显示pushunderfind 问题

react 子组件使用 props.history.push 无法跳转或者显示pushunderfind 问题相关推荐

最新文章

热门文章