“Wie übergeben Sie Params mit historisch.push?” Code-Antworten

history.push mit Params

import { useHistory } from "react-router-dom";

const FirstPage = props => {
    let history = useHistory();

    const someEventHandler = event => {
       history.push({
           pathname: '/secondpage',
           search: '?query=abc',
           state: { detail: 'some_value' }
       });
    };

};

export default FirstPage;

Precious Panda

Wie übergeben Sie Params mit historisch.push?

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

const SecondPage = props => {
    const location = useLocation();

    useEffect(() => {
       console.log(location.pathname); // result: '/secondpage'
       console.log(location.search); // result: '?query=abc'
       console.log(location.state.detail); // result: 'some_value'
    }, [location]);

};

Lovely Lapwing

Ähnliche Antworten wie “Wie übergeben Sie Params mit historisch.push?”

Fragen ähnlich wie “Wie übergeben Sie Params mit historisch.push?”

Weitere verwandte Antworten zu “Wie übergeben Sie Params mit historisch.push?” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen