используя параметры запроса запроса, реагируем на маршрутизатор

Question

У меня проблема с параметрами ссылки:

Например, я хочу что-то вроде этого, http://my -project.com / list? City = что угодно & limit = 20 Теперь я сделал всеи сделал HTML выбор тега. Когда вы выбираете любой город, вы найдете то, что вы хотите

Но когда вы обновите страницу, вы потеряете выбранный вами. Затем вам придется снова выбрать город, потому что ссылка по-прежнему выглядит так:....com/list, хотя я уже объявил запрос в моей ссылке на вызов (используя axios) в моем компоненте реакции.

Итак, мой вопрос: как я могу объявить его в маршрутах моего коммутатора !?Моя демонстрация здесь: https://shadi -final-project.herokuapp.com

Answer 1

параметр запроса может быть немного сложнее, но вы можете использовать localStorage, например:

это всего лишь пример

import React, { Component } from 'react';

const options = ["one", "two", "more", "set", "blah"]

class App extends Component {
  state = {
    selectedValue: localStorage.getItem("selectedValue") || null
  }

  onChange = (e) => {
    this.setState({ selectedValue: e.target.value });
    localStorage.setItem("selectedValue", e.target.value);
  }

  render() {
    const { selectedValue } = this.state;

    return (
      <select onChange={this.onChange} value={selectedValue ? selectedValue : options[0]}>
        {options.map((option, index) => <option key={index}>{option}</option>)}
      </select>
    );
  }
}

export default App;

Это грубый пример, ноон работает, попробуйте настроить его так, чтобы он соответствовал вашим потребностям.