javascript - 如何在对象中嵌套对象？

Question

我有一个生成以下对象的函数:

const currentObject = {
  labels: {
    x1: "y1",
    x2: "y2",
    x3: "y3",
  }
}

要在我的 api 中处理它，它应该具有如下格式:

const targetObject = { 
    labels: {
        templatename:{
            x1: "y1",
            x2: "y2",
            x3: "y3",
        }
    }
}

const templatename = this.props.templatename;

如何在常量中使用模板名称将对象嵌套到对象中？

我不想粘贴一堆代码，这两个对象只是一个例子，第一个可以通过以下函数生成:

state = {
        "labels": {

        }
    }

onChange = (e, key) => {
    this.setState({
        labels: {
            ...this.state.labels,
            [key]: e.target.value
        }
    });

Answer 1

您是说使用动态 key 吗？你可以试试:

const targetObject = {
  labels: {
    [this.props.templatename]: { ...currentObject.labels }
  }
};

---

const targetObject = {
  labels: {
    [this.props.templatename]: {
      x1: 'y1',
      x2: 'y2',
      x3: 'y3'
    }
  }
};