https://stackblitz.com/edit/react-redux-realworld-sqwnsm?file=components/Sports/index.js
class EnhancedTable extends React.Component {
state = {
id: 1,
order: 'asc',
orderBy: 'order',
selected: [],
data: [
createData('Cupcake', 'shortname', 'hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh', 1, 'Code', 'Active'),
createData('Cupcake', 'shortname', 'hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh', 1, 'Code', 'Active'),
createData('Cupcake', 'shortname', 'hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh', 1, 'Code', 'Active'),
createData('Cupcake', 'shortname', 'hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh', 1, 'Code', 'Active'),
createData('Cupcake', 'shortname', 'hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh', 1, 'Code', 'Active'),
createData('Cupcake', 'shortname', 'hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh', 1, 'Code', 'Active'),
],
page: 0,
rowsPerPage: 5,
};
json data
[
{
"name": "Cupcake",
"shortname": "shortname",
"description": "hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh",
"order": "1",
"code": "code",
"status": "active"
},
{
"name": "Cupcake2",
"shortname": "shortname2",
"description": "hhhhbbbbhhhhjjjjkkkkjjjkkkkkkkkjjhhhhgghhjjhhhjhhjhjhjhh",
"order": "1",
"code": "code",
"status": "active"
}
]
Вот полный пример использования fetch (вместо axios) для отправки запроса на получение https://randomuser.me/
import React, { Component } from 'react';
class App extends Component {
state = { users: [] };
componentDidMount() {
fetch('https://randomuser.me/api/?results=10&nat=us')
.then(results => results.json())
.then(data => {
const users = data.results;
this.setState({ users });
}).catch(err => console.info(err))
}
render() {
return (
<div>
{this.state.users.map((user, index) => {
return (
<div key = {index}>
<div>{user.name.first}</div>
<img src = {user.picture.thumbnail} alt = "" />
</div>
);
})}
</div>
);
}
}
export default App;
А вот ссылка на рабочий пример: https://stackblitz.com/edit/react-azxxut
эй, есть ли какой-нибудь образец api для вставки случайного api ... так как мне нужно проверить, чтобы поставить
Можете ли вы продемонстрировать установку в мою песочницу ... это так запутанно :(
не могли бы вы помочь :(
эй, но я не вижу в этом поста
спасибо за ответ ... можете ли вы обновить мой код ... это так запутанно :(