Блог

Я использую Material-UI и их форму автозаполнения. Приведенный ниже массив представляет собой значение state.DataSource после того, как компонент запросил сервер. К сожалению, он показывает 0-2 элемента и редко 4 или 5, которые он должен. Это похоже на то, что он отображает с тем, что у него есть на данный момент, и не обновляется при изменении состояния.

 Array[5]
0:"Metallica - Nothing Else Matters [Official Music Video]"
1:"Metallica - One"
2:"Metallica - Enter Sandman [Official Music Video]"
3:"Enter Sandman - Metallica"
4:"Metallica - The Unforgiven (Video)"




queryServer = (param) => {
 if(param){
  axios.get("/api/youtube/" param)
    .then( (response => {
      this.setState({
        dataSource: response.data
      })
      console.log(this.state.dataSource);
    })
    )
};
}
render() {
return (
  <div>
        <AutoComplete
          hintText="Type anything"
          dataSource={this.state.dataSource}
          onUpdateInput={this.queryServer}
        />
  </div>
 

Я попытался добавить ему ключ, и он «работает», но он повторяется без входного текста или выпадающего списка, но, по крайней мере, является последовательным.

http://translatesongs.co:8000/