React данные с api криво приходят в компонент, в чем проблема?

Question

[N4sky1]

Привет, делаю пет проект, в реакте еще новичок, прошу совета, сам искал но чет плохо ищу или не понимаю чего.
В общем, работаю с api giphy.com, в инпут вводится запрос, он уходит в апи, приходит ответ, ответ идет рендерится в компонент, массив данных виден в консоли, но рендерится с второго нажатия кнопки - отправить запрос, я предполагаю что дело в обновлении компонента, но в доках решения не нашел, точнее не понял наверно
ссылки на гитхаб на файлы
https://github.com/N4sky1/Gifs/blob/master/src/App.js
https://github.com/N4sky1/Gifs/blob/master/src/com...
https://github.com/N4sky1/Gifs/blob/master/src/com...

спасибо за любые ответы

Comments

[m_frost]

Крч я хз где ты там налажал потому что это все сплошная лажа
неправильно

let searchRequest='';
const setData = [];
class App extends Component{
  state = {
    urlRequestText: '',
  }

правильно

class App extends Component {
  constructor(props) {
      super(props);
      this.state = {
        urlRequestText: '',
        setData: []
      }
    }

данные с сервера надо не push() в массив так как это создаст двухмерный массив а concat()
а лучше иди учить js и доку так как судя по всему ты в нее даже не смотрел

this.setState({
        urlRequestText: document.querySelector('.input').value
      })

(controlled input)

[N4sky1]

данные с сервера надо не push() в массив так как это создаст двухмерный массив а concat()

этого не знал, спасибо.

Answer 1

[Sergey Epifanov]

Gist

Comments

[N4sky1]

спасибо, data в state должна быть, я об этом и не думал даже
и за чистку кода тоже спасибо)

[Sergey Epifanov]

N4sky1, отметьте, плиз, решением, если помог