javascript - 在 ReactJS 中将前一个状态保存到一个数组中

Question

我有一个类可以从 REST API 获取帐户上的可用资金。此号码保存在状态中。

我需要创建一个单独的状态，我将在其中存储所有状态更改的数组

例如，我的状态availableFunds是:86所以我想，我的 availableFundsArray 返回:[86]

如果我的州 availableFunds 将数字更改为例如:60所以我想，我的 availableFundsArray 返回:[86, 60]

class AvailableFunds extends Component {
  constructor() {
    super();

    this.state = {
      availableFunds: [],
      availableFundsArray: [],
    };
  }

componentDidMount() {
    this.Auth.availableFunds(this.props.id)
      .then(res => {
        if (res) {
          this.setState({
            availableFunds: res.reduce(
              (accumulator, currentValue) =>
                accumulator + currentValue.available_funds,
              0,
            ),
          });
        }
      })
      .catch(err => {
        console.log(err);
      });
  }

Answer 1

当你设置 setState 时，引用之前的状态形式并添加到它上面。

让 availableFunds 成为数字而不是数组。

let funds = [this.state.availableFunds];

funds.push(this.state.availableFunds)

this.setState({
    availableFundsArray: funds
})