如何重构这个新组件？

Question

我正在参加this course并完成练习（有问题的练习是最后一步），但我不知道特定课程的社区会提出问题。

无论如何

要求我重构以下代码：

  return (
    <div>
      <p>
        {props.part1} {props.exercises1}
      </p>
      <p>
        {props.part2} {props.exercises2}
      </p>
      <p>
        {props.part3} {props.exercises3}
      </p>

    </div>
  )
}

所以我只渲染三个“零件”组件，然后渲染练习的名称和数量。

像这样：

  return (
    <div>
      <Part .../>
      <Part .../>
      <Part .../>
    </div>
  )
}

但是每个都有某种道具功能

通常的错误是我正在使用一个未定义的变量，无论它是“ Part”变量，还是具体来说是part1，part2，part3，这些都在我使用未分解的代码时定义。

我能够成功地重构其他组件，但是我被这个组件卡住了。