如何在对象jsx中返回一个变量答案

【问题标题】：how to return a variable in an object jsx如何在对象jsx中返回一个变量
【发布时间】：2021-09-29 09:13:38
【问题描述】：

用>>>查看有问题的行。代码目前是这样的：

tableData() {
    const filteredEvents = this.props.graphData.events.filter((event) =>
      moment(event.eventDate).isBetween(this.startMoment, this.endMoment)
    );

    const eventsByM = _.groupBy(filteredEvents, (event) => event.metadata.mId);
    const tableRows = Object.values(eventsByM).map((events) => {
      const firstEvent = events[0];

      return ({
>>>     "Mentee Name": firstEvent.modalData.menteeName,
        "Mentor Name": firstEvent.modalData.mentorName,
        "Conversations Logged": events.length,
        tableRowUrl: firstEvent.modalData.tableRowUrl,
      });
    });
    return tableRows;
  }

我想让字符串“Mentee Name”成为一个变量，但 jsx 并未将其作为变量读取。我怎样才能做到这一点？我这样尝试过，但它的字面意思是“menteeName”：

tableData() {
    const filteredEvents = this.props.graphData.events.filter((event) =>
      moment(event.eventDate).isBetween(this.startMoment, this.endMoment)
    );

    const eventsByM = _.groupBy(filteredEvents, (event) => event.metadata.mId);
    const tableRows = Object.values(eventsByM).map((events) => {
      const firstEvent = events[0];
      const menteeName = "Apprentice name";

      return ({
 >>>    menteeName: firstEvent.modalData.menteeName,
        "Mentor Name": firstEvent.modalData.mentorName,
        "Conversations Logged": events.length,
        tableRowUrl: firstEvent.modalData.tableRowUrl,
      });
    });
    return tableRows;
  }

【问题讨论】：

标签： javascript reactjs jsx react-class-based-component

【解决方案1】：

您可以像这样使用变量作为对象键：

[menteeName]: firstEvent.modalData.menteeName

【讨论】：