javascript - 更新状态列表

Question

我已经在我的州声明了一个空列表，用于保存名称和组。当我刷新屏幕时，我会调用 api 并获取该成员所属的组列表。我无法将从 API 获得的名称列表设置为状态。它目前接受一个大小为 3 的列表，并将整个数组作为一个字符串而不是将其设置为值数组。

var objArray = JSON.parse(JSON.stringify(groups.data.data.getUser.groups));
    console.log(objArray);

    //These are the string arrays that need to be set to the state to update the card
    let names = objArray.map(({ name })=> name);
    console.log('Names: ' + names.length); //This is 3

    this.setState({ groupNames: [`${names}`] });

    console.log(this.state.groupNames.length);//This outputs 1 when it should be 3

Answer 1

应该是:

this.setState({ groupNames: names});

您使用 [names] 而不是简单地 names 将 names 数组放入一个新数组中，这个新数组只有一个子数组:names 数组(如一个字符串)，因此长度返回 1 而不是 3