欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react-router-dom部分属性的使用

程序员文章站 2022-06-03 21:34:21
...

当某个页面没有被Route包裹时props中是没有history的
此时可以用到类似useHistory的属性
该属性使用时只能加载到组件中使用,无法写到全局中
如果使用中报错可以尝试把react-router-dom的版本重新下载成5.1.2版本
也可以使用createHashHistory
其他属性用法都是类似

"react-router-dom": "^5.1.2",
import {useHistory} from 'react-router-dom'
import {createHashHistory} from 'history';
const history1 =  createHashHistory();
console.log(history1);
function AandleClick() {
    let history = useHistory();
    console.log(history);
    return <div>11111</div>
}
class U extends Component {
    state = {};
   
    render() {
        return (
            <div>123
                <Link to={'/'}>to</Link>
                <button type="button" onClick={()=>{}}>
                     Go home
                </button>
                <AandleClick />
            </div>
        );
    }
}
export default U;
相关标签: react react-route