反应-用相同的道具传播MapStateToProps

Question

我有这个MapStateToProps：

const mapStateToProps = (state) => {
  const date = new Date();
  const year = date.getFullYear();
  const month = date.getMonth() + 1;

  const ESFReport = getESFReport(state);
  const resultStatusReport = getResultStatusReport(state);

  return {
    companInfo: getCompanyInfo(state),
    companyId: getCompanyId(state),
    ...ESFReport,
    ...resultStatusReport,
    year,
    month,
  };
};

而且...ESFReport,和...resultStatusReport都具有相同的属性： report但我需要以某种方式更改名称，因为在同一组件中，我两次使用const { report } = this.props ，但用于不同的props。

我怎样才能做到这一点？ （当我只有... ESFReport时，它可以工作，但是当我添加... resultStatusReport时，它坏了）。

提前致谢。

Answer 1

如果除了ESFReport和resultStatusReport对象的report ，您不需要其他任何ESFReport ， resultStatusReport可以执行以下操作：

const mapStateToProps = (state) => {
  const date = new Date();
  const year = date.getFullYear();
  const month = date.getMonth() + 1;

  const { report: ESFReport } = getESFReport(state);
  const { report: resultStatusReport } = getResultStatusReport(state);

  return {
    companInfo: getCompanyInfo(state),
    companyId: getCompanyId(state),
    ESFReport,
    resultStatusReport,
    year,
    month,
  };
};

它只是将每个report属性重命名为ESFReport和resultStatusReport 。 然后，您将拥有this.props.ESFReport实际上是ESFReport.report和this.props.resultStatusReport它将是resultStatusReport.report 。