Я хочу вставить сохраненные значения моего состояния после вызова api, но он, похоже, не отображается. Я вижу, что значения на консоли работают отлично. Есть идеи, как я могу показать значения this.state.card1 после вызова API?

Импортировать React, {Component} из 'response' импортировать аксиомы из 'axios';

class Details extends Component {

state={
card1:[]
}

 componentDidMount() {
 axios.get(`....`)
.then(res =>
    {console.log(res.data);
    this.setState({card1:res.data.data});
    console.log(this.state.card1)
  })
 .catch(err=>console.log(err));

 }
  render() {
  return (
  <div>
   { this.state.card1}
  </div>
 )
}
}

export default  Details;
0
sod.heretic 13 Сен 2018 в 17:47

2 ответа

Лучший ответ

Попробуйте это в return () render ():

   <pre>{JSON.stringify(this.state.card1)}</pre>
0
Shivam Gupta 13 Сен 2018 в 14:58

Вы должны вернуть массив элементов, вы можете сделать это с помощью .map:

{ this.state.card1.map(o => <div>{o.text}</div>)} 

Обратите внимание, что его настоятельно рекомендуется добавить key prop для каждого элемент.

0
Sagiv b.g 13 Сен 2018 в 14:57