Ini pertama kalinya saya bekerja dengan React dan saya mengalami beberapa masalah dengan mulai menggunakan Axios. Saya menonton video, tutorial praktis yang sangat sederhana yang menunjukkan cara menggunakan fungsi get, tetapi saya rasa ada yang tidak beres karena bahkan mengikuti langkah yang sama persis, saya masih mendapatkan kesalahan "this.state.persons.map is not a function" . Saya ingin menekankan fakta bahwa pembuat video menggunakan kode JavaScript yang sama persis ini, dan baginya itu berhasil. Ada penjelasan?

Berikut seluruh kode untuk referensi:

import React from "react";
import axios from "axios";

export default class personList extends React.Component{
    state = {
        persons: [],
    };

    componentDidMount(){
        axios.get(`https://jsonplaceholder.typicode.com`)
        .then(res =>{
            console.log(res);
            this.setState({persons: res.data});
        });
    }

    render() {
        return (
            <ul>
                {this.state.persons.map(person => <li key={person.id}>{person.name}</li>)}
            </ul>
            )
    }
}

Saya mencari jawaban, tetapi setiap kasus lain yang disajikan terlalu berbeda (menggunakan set array, json dan yang lainnya) atau merujuk ke string yang digunakan alih-alih array, yang menyebabkan kesalahan, dan jelas itu bukan saya kasus.

0
Filos 4 Juli 2020, 04:08

1 menjawab

Jawaban Terbaik

Anda membuat permintaan GET di https://jsonplaceholder.typicode.com yang mengembalikan seluruh halaman web. Jika Anda ingin mengambil pengguna, gunakan URL ini sebagai gantinya: https://jsonplaceholder.typicode.com/users

1
Ray Caballero 4 Juli 2020, 01:13