Нужно вывести данные из JSON и добавить возможность удаления и сортировки

Есть JSON массив в отдельном файле и необходимо сделать вывод нужного города при вводе более 3 символов в окно инпута. Не могу понять как сделать сортировку по введенному значению и как организовать возможность удаления нужного города из массива.

Также нужно как-то сделать, чтобы и при перезагрузке страницы сохранялись данные текущей сессии.

Подскажите, пожалуйста.

import React, { Component } from 'react'
import { CityList } from './CityList'
import citiesNames from './russian-cities.json'

export default class App extends Component {
  state = {
    searchCity: ''
  }

  handleInput = (e) => {
    this.setState({searchCity: e.target.value})
    console.log(this.state.searchCity)
  }

  render() {
    let filteredCities = citiesNames.filter((city) => {
      return city.name.toLowerCase()
    })
    return (
      <div className='container text-center'>
        <h1>Cities</h1>
        <input onChange={this.handleInput}/>
        {this.state.searchCity.length < 3 ? null : <CityList filteredCities={filteredCities}/>}
      </div>
    )
  }
}

Ответы (0 шт):