Size: a a a

React — русскоговорящее сообщество

2020 October 10

Л

Лёша in React — русскоговорящее сообщество
никак не могу понять как мне замапить этот объект data. появляется ошибка
источник

Л

Лёша in React — русскоговорящее сообщество
Expected an assignment or function call and instead saw an expression или что-то в таком духе
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Лёша
господа, можете помочь с axios
я получаю данные таким способом

 componentDidMount() {
   axios
     .get("http://news")
     .then(response => {
       console.log(response)
       this.setState(
         {
           news: response.data
         }
       );
     })
     .catch(error => {
       console.log(error);
     });
 }
в ответ мне приходит то, что на скрине
Почему в состояние вы кладете response.data.RESULTS?
источник

Л

Лёша in React — русскоговорящее сообщество
скореектировал, .RESULTS там не должен быть
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Лёша
скореектировал, .RESULTS там не должен быть
Окей, проблема осталась?
источник

v

volt in React — русскоговорящее сообщество
Привет, у меня вопрос, я только недавно перешел на реакт, и хотел бы узнать что нынче более актуально санки или сага?
источник

Л

Лёша in React — русскоговорящее сообщество
Vladimir Klimov
Окей, проблема осталась?
да
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Скиньте код, который вызывает проблему
источник

a

arts in React — русскоговорящее сообщество
volt
Привет, у меня вопрос, я только недавно перешел на реакт, и хотел бы узнать что нынче более актуально санки или сага?
Эффектор
источник

e

erlan in React — русскоговорящее сообщество
Здраствуйте такой вот вопрос, библиотека react-select, я сделал
isClearable={true}
. Например у меня там Ф.И.О человека,  но когда я нажимаю  backSpace то удаляется весь текст, а мне надо чтобы по буквам . Вы не сталкивались с такой проблемой?
источник

an

arthur n in React — русскоговорящее сообщество
volt
Привет, у меня вопрос, я только недавно перешел на реакт, и хотел бы узнать что нынче более актуально санки или сага?
axios
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
volt
Привет, у меня вопрос, я только недавно перешел на реакт, и хотел бы узнать что нынче более актуально санки или сага?
Одинаково актуальны, решают задачи разного уровня, я бы сказал
источник

Л

Лёша in React — русскоговорящее сообщество
как я понял объект data не мапится потому, что в нём есть ещё и переменная lenght : 7
источник

Л

Лёша in React — русскоговорящее сообщество
Vladimir Klimov
Скиньте код, который вызывает проблему
this.state.news.map((data) => { <li>{data.id}</li> })
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Лёша
как я понял объект data не мапится потому, что в нём есть ещё и переменная lenght : 7
data - это массив
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Лёша
this.state.news.map((data) => { <li>{data.id}</li> })
Покажите весь компонент, пожалуйста. Вы кидаете маленькие участки, по ним только догадываться можно
источник

Л

Лёша in React — русскоговорящее сообщество
import React from 'react';
import './App.css';
import axios from 'axios';

class App extends React.Component {
 constructor(props) {
   super(props);
   this.state = {news: []};
 }

 componentDidMount() {
   axios
     .get("http://news")
     .then(response => {
       console.log(response)
       this.setState(
         {news: response.data}
       );
     })
     .catch(error => {
       console.log(error);
     });
 }

 render() {
   return (
     <div>
         {this.state.news.map((data) => { <li>{data.id}</li> })}
     </div>
   );
 }
}

export default App;
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Лёша
import React from 'react';
import './App.css';
import axios from 'axios';

class App extends React.Component {
 constructor(props) {
   super(props);
   this.state = {news: []};
 }

 componentDidMount() {
   axios
     .get("http://news")
     .then(response => {
       console.log(response)
       this.setState(
         {news: response.data}
       );
     })
     .catch(error => {
       console.log(error);
     });
 }

 render() {
   return (
     <div>
         {this.state.news.map((data) => { <li>{data.id}</li> })}
     </div>
   );
 }
}

export default App;
Чтобы загрузить данные нужно какое-то время, редакс не ждет его и сразу вызывает render()
Что будет если вызвать render когда в state пустой массив?
источник

Л

Лёша in React — русскоговорящее сообщество
выдаст соответствующую ошибку,что не удаётся замапить state.news т.к. его не существует
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Лёша
import React from 'react';
import './App.css';
import axios from 'axios';

class App extends React.Component {
 constructor(props) {
   super(props);
   this.state = {news: []};
 }

 componentDidMount() {
   axios
     .get("http://news")
     .then(response => {
       console.log(response)
       this.setState(
         {news: response.data}
       );
     })
     .catch(error => {
       console.log(error);
     });
 }

 render() {
   return (
     <div>
         {this.state.news.map((data) => { <li>{data.id}</li> })}
     </div>
   );
 }
}

export default App;
Сори, я короче, горожу вам какую-то дичь
Вам надо возвращать li из функции, уберите там скобки фигурные внутри map
источник