Отправляю данные axious'ом на свой сервер, данные(если проверить вручную) приходят. Через axious - нет. Можете попробовать потестировать через 178.150.137.228:3000/list и 178.150.137.228:5303/users Вот код компонентов:
Persons:
import React from "react";
class Person extends React.Component {
render() {
return (
<a href="http://178.150.137.228:5303/register">{this.props.id}</a>
);
}
}
export default Person
List:
import React from "react";
import Person from "./Person";
import axios from 'axios';
class List extends React.Component {
render() {
let persons = [];
axios.get("http://178.150.137.228:5303/users")
.then(res => {
var users = Object.values(res.data);
users.map(function (user) {
return <li> <Person id={user.toString()}/> </li>
});
console.log(users);
persons = users;
})
return(
<ul>
{persons}
</ul>
);
}
}
export default List
Вы используете асинхронный вызов, те в момент когда реакт будет отображать {person}
, в нем еще ничего не будет. Можно использовать state
- в него ложим setState'ом то, что пришло через axios
вот так:
state = {
users: [],
}
render() {
axios.get('http://178.150.137.228:5303/users')
.then(({data}) => this.setState({users: [...Object.values(data)]}))
return (
<ul>
{this.state.users.map(user => (
<li><Person id={user.toString()} /></li>
))}
</ul>
)
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Делаю экспорт таблицы из Денвера- в таблице 450к записейА экспортируется всего 3785