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

出现这个问题的主要原因是在父组件里面没有给子组件传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