Comment obtenir les données json avec axios?
Je suis en train de chercher le côté serveur de données au format JSON dans une table avec axios, mais ne peux pas uderstand comment obtenir tous les domaines comme id
, companyInfo
etc.
json :
[
{
"id": 1,
"companyInfo": 1,
"receiptNum": 1,
"receiptSeries": "АА",
"customerName": "Mark",
"customerSurname": "Smith",
"customerMiddleName": "Jk",
"customerPhone": "0845121",
"services": [
2,
16
]
}
]
axios :
store.dispatch((dispatch) => {
dispatch({type: Actions.FETCH_DATA_START})
axios.get("http://localhost:3004/paymentReceipts")
.then((response) => {
dispatch({ type: Actions.RECEIVE_DATA, payload: response })
}).catch((err) => {
dispatch({type: Actions.FETCH_DATA_ERROR, payload: err})
})
réducteur :
export const initialState = {
paymentReceipts: []
};
export default handleActions<FetchData>({
[Actions.FETCH_DATA_START]: (state, action) => {
return ;
},
[Actions.FETCH_DATA_ERROR]: (state, action) => {
return;
},
[Actions.RECEIVE_DATA]: (state, action) => {
console.log("DONE WITH STATE");
return {...state,
paymentReceipts : action.payload
}
}
}, initialState)
Application
@connect(mapStateToProps, mapDispatchToProps)
export class App extends React.Component<App.Props, App.State> {
constructor() {
super();
}
render() {
console.log("CONTAINER IS ");
console.log(this.props.receiveData);
return (
<div className={style.normal}>
</div>
);
}
}
function mapStateToProps(state: RootState) {
return {
receiveData: state.receiveData
};
}
function mapDispatchToProps(dispatch) {
return {
};
}
c'est ce que je reçois de de la console.log
Donc comment obtenir ces valeurs de JSON?
Vous devez vous connecter pour publier un commentaire.
Vous obtiendrez toutes vos données dans
response.data
.id = 1, receiptSeries = АА
etcconsole.log(response.data)
Pour accéder à un attribut unique au sein de votre réponse json, vous pouvez tout simplement faire:
par exemple:
Selon la structure de votre json et comment les mettre en forme (par exemple, tableau d'objets de), vous devez effectuer une itération à travers elle.
data
un mot-clé à partir deaxios
bibliothèque?response
. Par exemple:response.data
,response.status
,response.headers
etc. Je ne suis pas assez confiant pour dire que cela fonctionne dans tous les de l'environnement et de la configuration, mais oui, c'est un "mot clé" pour unaxios response