Udało mi się zrobić w końcu wyszukiwarkę dla renderowanych elementów, ale mam problem, bo po skasowaniu wpisu w inpucie wszystko zostaje w state i jakby nie odfiltrowuje. Renderuje na podstawie servers, a nie filteredServers. A jak zmienie na filtered servers to renderuje dopiero po wpisaniu czegoś do inputa ;p I tak źle i tak nie dobrze xD Ktoś coś doradzi jak poprawić tą funkcję?
Wycinki kodu:
```state = {
servers: [],
activeMenu: [],
filteredServers: []
};
componentDidMount() {
fetch('http://localhost:4454/servers')
.then(response => response.json())
.then(data => {
this.setState ({
servers: data,
activeMenu: [],
filteredServers: []
})
})
.catch(error => console.log(error))
filterServers = (event) => {
const originalServersList = this.state.servers || [];
const filteredServers = originalServersList.filter(item => item.name.toLowerCase().search(event.target.value.toLowerCase()) !== -1);
this.setState({servers: filteredServers})
};