为什么要删除ReactJS教程"时间旅行"部分中的构造函数



在本教程中,它说:

接下来,我们将让Board组件接收方块和onClick道具来自游戏组件。由于我们现在在对于许多广场,我们需要通过每个广场的位置到onClick处理程序中,以指示单击了哪个Square。在这里是转换Board组件所需的步骤:

删除Board中的构造函数。

当我们扩展类时,为什么要删除构造函数?

在这种情况下,需要构造函数来设置初始状态:

this.state = {
history: [{
squares: Array(9).fill(null),
}],
xIsNext: true,
};

由于状态是从组件中完全删除的(它现在通过props传递(,因此最好完全省略构造函数,因为它将隐式调用父构造函数,并初始化一个空白状态。

最新更新