使用 this.setState 反应原生更新 State

Question

嗨，我正在尝试从 API 更新 state 数据值（ data:[] ）。 问题来自突出显示的行：

this.setState({data.datasets[0].data.data:response.data.rates.AUD})

import React from 'react'; import {Bar} from 'react-chartjs-2';
import axios from 'axios';
 
class App extends React.Component {
 
    constructor(props) {
       super(props)
       this.state = {
           data: {
               labels:["UK"],
               datasets:[
                 {label:"Dev Test",data:[]}
                ] }}
    
    this.test = this.test.bind(this) }  
    async test() {
        const response = await axios.get("https://api.exchangeratesapi.io/latest")
        this.setState({data.datasets[0].data[0]:response.data.rates.AUD})
    }

Answer 1

您好，请检查以下代码。

this.setState((prev) => {
  prev.data.datasets[0].data[0] = response.data.rates.AUD;
  return {
    ...prev
  };
});

Answer 2

像这样使用 setState：

this.setState((prev) => {
  prev.data.datasets[0].data[0] = response.data.rates.AUD;
  return {
    ...prev
  };
});