承诺保持返回空数组

Question

    constructor() {
    super();
    this.state = {
        detailWallet: [],
        user: [],
        historia: [],
        namaPertama: [],
        namaKirim: [],
    
}

componentDidMount() {
    this.getDetailAPI();
    this.getDetailPlaceAPI();
    this.getHistoria();
}

getNameAPI = () => {
    const id = this.props.match.params.id;
    return new Promise(resolve => {          
        axios.get(`/wallet/user/${id}`)
        .then((result) => {
            resolve(
                this.setState({
                    namaPertama: result.data.data.content[0].user.firstName
                })
            )
        })
    });
}

getHistoria = () => {
    console.log(this.getNameAPI())
    Promise.all([this.getNameAPI()])
    .then(([result]) => {
        this.setState({
            namaKirim: result
        })
    })
    axios.get(`/wallet/type/6?q=`)
    .then((result) => {
        this.setState({
            historia: result.data.data.content
        })
    })
}

所以我创建了一个函数，该函数有一个方法 get 包含在 promise 中，当我在 getHistoria 中 console.log 时，promise 给了我一个空数组..

谁能告诉我我的代码有什么问题？我只是了解承诺，所以我仍然不知道，谢谢..

Answer 1

您正在返回 setState 的结果，我认为 setState 没有返回任何内容。此外，setState 是异步的，所以如果你刚刚登录状态，你不会得到更新状态的结果。

只需使用 setState 设置状态并返回一些值。

编辑：

getNameAPI = () => {
    const id = this.props.match.params.id;
    return new Promise(resolve => {          
        axios.get(`/wallet/user/${id}`)
        .then((result) => {
          let value =  result.data.data.content[0].user.firstName;
          this.setState({ namaPertama: value})
          resolve(value)
        })
    });
}