Если вы пытаетесь использовать что-то вроде:

http://myapp/page?city=Toronto

Тогда this.props.match.params.city не будет работать. Причина в том, что сценарий использования match.params.city должен быть в маршрутах.

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

В своем методе жизненного цикла componentDidMount() попробуйте использовать:

const urlParams = new URLSearchParams(window.location.search);
let city = urlParams.get('city');

Для вышеприведенного кода взгляните на Как получить значения строки запроса в JavaScript? [119 ] В вашем коде, если вы попытаетесь записать значение city, это может быть undefined, если вы не настроили свой маршрут таким образом.

Пример кода

class App extends React.Component {
  state = {
    city: "None"
  };
  componentDidMount() {
    const urlParams = new URLSearchParams(window.location.search);
    let city = urlParams.get("city");
    this.setState({
      city
    });
    console.log(city);
  }
  render() {
    return (
      

        
Hello CodeSandbox
        
Start editing to see some magic happen!
        
You are in {this.state.city}!
      
    );
  }
}

Рабочая демонстрация: CodeSandbox