Нужно вывести данные из 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>
)
}
}