“React Historia Push Paźń wyszukiwania” Kod odpowiedzi

History.push with 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

History.push with Params

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]);

};
Precious Panda

Historia Paramy wyszukiwania

this.props.history.push({
    pathname: '/client',
    search: "?" + new URLSearchParams({clientId: clientId}).toString()
})
Alive Antelope

React Historia Push Paźń wyszukiwania

pathname, search
Agreeable Addax

Odpowiedzi podobne do “React Historia Push Paźń wyszukiwania”

Pytania podobne do “React Historia Push Paźń wyszukiwania”

Więcej pokrewnych odpowiedzi na “React Historia Push Paźń wyszukiwania” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu