为什么我必须传递道具给构造函数和超级[复制]

Question

有人能告诉我为什么我们需要将道具传递给构造函数（）和super（）。我读了很多关于这方面的问题，也读了很多文章。所有人都说你应该把道具传给构造函数和super，这样你就可以访问这个道具了。。。。。

如果我不将道具传递给构造函数或super，我的所有代码仍然可以工作。我看不出这会有什么变化。除非我想控制台记录this.props，这可以通过控制台记录this来实现。

另一方面，我与一半的开发人员交谈过，他们确实传递了道具，而另一半则没有，因为他们觉得他们不需要传递道具，但不确定为什么会发生这种情况。

有人能帮我解释一下吗？

谢啦

Answer 1

某人需要传递道具的唯一原因是，如果您想在构造函数中使用道具进行操作。也许你想在构造函数中对道具进行一些计算——我不确定你是否可以在构造函数之外进行计算，即使你可以在没有构造函数的情况下访问道具。

文档给出了使用构造函数中的道具分配初始状态的示例。对于具有本地状态的组件，这是向构造函数传递道具的一个很好的用例。

此外，这个答案还揭示了为什么您需要在ES6中将道具传递给super。

尽管如此，由于state和props的类属性，您无法将props传递给constructor并在没有它的情况下初始化您的本地状态，因此这一点可以忽略不计。查看这篇黑客午间文章，了解构造函数及其替代品的一些“用例”。需要指出的一点是，作者提到Babel将代码传输给您以添加构造函数——您只是看不到而已。最后，我想如果这是一个删除构造函数的问题，那么您可以作为一个优先事项来做，正如Dave Ceddia所指出的那样。不过，删除构造函数似乎还有一个额外的好处，那就是删除样板文件并保持代码更干净。

最后，作者得出结论：

我们已经看到，为了设置初始状态，我们不再需要构造函数（或任何其他实例属性）。我们也不需要它来将方法绑定到此。从道具设置初始状态也一样。我们绝对不会在构造函数中获取数据。

那么，为什么我们需要React组件中的构造函数呢？

嗯……你不知道。

[然而...如果您发现一些模糊的用例，需要在组件中初始化一些东西，包括客户端和服务器端，您仍然有一个out。总是有组件的。在内部，React在更新客户端和服务器上的类（调用构造函数）后调用此钩子。]

所以我认为对于React组件：构造函数已经死了，构造函数万岁！