Блог

Извините! кто-то знает, как получить доступ к параметрам «контекста» для извлечения «пути», попробуйте сделать это следующим образом, но безуспешно:

     componentDid() {
      console.log("entre")
      const item = document.querySelector(
        this.props.location.state
      );
      if (item) {
        console.log(item);
      }
    }
  

импортирует:

 import React from 'react';
import axios from 'axios';
import { Link, BrowserRouter, Route } from 'react-router-dom';
  

Архив:

 import React from 'react';
import axios from 'axios';
import { Link, BrowserRouter, Route } from 'react-router-dom'; // prueba
import '../css/LobbyStyles.css'
import '../css/styleSearch.css'

const liStyle = {
    paddingLeft: '45px', 
    listStyleType: "none", 
};

export default class LobbyPage extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            listPlayers: [],
        };
    }

    componentDid() {
        console.log("entre")
        const item = document.querySelector(
            this.props.location.state
        );
        if (item) {
            console.log(item);
        }
    }

    render() {
        return (
            <div>
                <h1 className="h1TittleLobby">Lobby</h1>
                <Link to={`/game/`}>
                    <button className="buttonFound bttmodal bttLobby">Iniciar Partida</button>
                </Link>
            </div>
        );
    }
}
  

Когда я пытаюсь делать такие вещи, как:
const location = useLocation();
console.log(местоположение.имя пути);
Я получаю сообщение об ошибке.
Спасибо!

Если у вас есть такой маршрут /Lobby/:lobbyID

this.props.location.имя пути вернет вам /Lobby/1

this.props.match.params[«lobbyID»] вернет вам 1

Также измените

  componentDid()
  

Для componentDidMount()