类组件是否被放弃?
我发现在一些库中,函数组件是优先考虑的。
特别是React导航。
同样,使用钩子进行反应只会使钩子对功能组件可用。
主要的问题是:为什么功能组件如此优先?
React团队目前正在使用Hooks first方法重新构建文档,这应该是所有新功能和应用程序的首选方法:
将来,类组件是否有可能被弃用?
类组件将在未来几年出现,例如,Facebook已经有成千上万的产品投入生产。然而,我们确实建议新的应用程序应该使用功能组件和挂钩构建,这就是为什么我们希望这些文档位于前端和中心。
https://github.com/reactjs/reactjs.org/issues/3308
现在,类组件和功能组件几乎是一样的。在功能组件中,钩子以前没有引入,为了等价于类组件,功能组件获得了新的钩子,如useState、useRef、useMemo,它们等价于this.state、React.createRef和PureComponent。
此外,类组件上的componentDidUpdate可以用于功能组件上的useEffect。
更多详细信息请查看React和React JS-了解功能组件中的功能组件与类组件
不,我认为今天不会放弃类组件。也许在将来。
它们不像功能组件那样轻量级,但我看到社区中有很多项目使用类组件。
然而,这里我们有一些社区支持FunctionalComponents
方法的原因:
看这个答案:https://stackoverflow.com/a/49613435/4119452
更多信息:https://www.twilio.com/blog/react-choose-functional-components
问题内容: 我试图了解何时使用React功能组件和类,并从文档中阅读它们并没有真正详细介绍。当您希望类的特定功能构成组件时,能否给我下面的一些主要例子? 功能组件的功能较弱,但更简单,并且仅使用一个render()方法就类似于类组件。除非您需要仅在类中可用的功能,否则我们建议您改用功能组件。 问题答案: 您仅在以下情况下需要组件: 需要组件 状态 或 需要 生命周期方法 。例如等
我很困惑组件和react类之间有什么区别? 什么时候在反应类上使用组件?看起来组件是一个类,createClass创建了一个组件。 https://facebook.github.io/react/docs/top-level-api.html 反应组件 这是使用ES6类定义React组件时的基类。有关如何将ES6类与React一起使用,请参见可重用组件。有关基类实际提供的方法,请参见组件API。
我正在使用一个名为React语义ui日期选择器的React模块,我相信它是基于React日期选择器的。不管怎样,这都是一个普通的问题。我的主类组件和日期选择器功能组件位于同一个文件中。日期选择器呈现并工作正常,但我不知道如何在主类组件中访问日期选择器的实际值。 代码的简化版本可以在下面看到,我只是控制台日志记录了几个变量的值。有人能给我一个建议,告诉我从类组件中访问所选日期选择器值的最佳方式吗?
我是新的反应,我正在尝试组件功能的风格。我有简单的待办事项清单。我想使用style属性从列表中删除todo项。从Chrome调试模式中,我看不到对复选框更改的即时反应,而且该项也没有删除。。。对我来说,这是如何管理组件状态的问题。我希望得到一些指导。 App.js Todos.js TodoItem.js 我希望这个getStyle()将遵循状态。。。以某种方式
好的,我有点困惑于如何使用enzyme/jest测试我的组件的功能。仍在学习如何测试我的组件——我可以编写简单的测试,但现在我需要让它们更复杂。 我想知道测试组件函数是否被正确调用以及它们是否按预期更新状态道具的最佳方法。我发现很棘手的是,我的函数和状态都存在于我的组件的道具中。 如果我需要使用间谍,我想最好知道如何使用笑话,但是如果像西农或贾斯敏这样的特工更适合这份工作,我愿意接受(只要让我知道
问题内容: 如果我想替换选项 在给定的示例中,通过在react jsx文件中使用数组,我将如何进行? 最好的祝福 蓝色 问题答案: 因为它只是JavaScript,所以有上百万种方法。我通常采用的方式是映射容器以生成胆量。for循环或其他方法也可以正常工作。 或者在es6中以更现代的方式反应,您可以
我有下面的类组件- https://pastebin.com/WigZksAq 我想将面板移动到单独的文件中- 但是我不明白如何修改主类组件的状态。
问题内容: 我正在阅读React文档,并对主题Fragment感到困惑。因为我们基本上可以在React中返回一个数组,所以在什么情况下需要? 这是一个代码示例: 我认为他们是一样的。 大多数现有的话题谈“键警告问题”像这样在github上,但我只是想知道的用例 编辑: 请告诉我是否有任何歧义。 再具体一点: 请解释之间的差异和。它们都返回多个无用标签的元素。为什么要花多余的钱呢? 问题答案: 官方