当前位置: 首页 > 知识库问答 >
问题:

尝试理解:从“React”导入React,{component};[副本]

闽朝
2023-03-14

我正在研究如何让React. js与后端一起工作。我见过这种语法:

从“React”导入React,{ component };

为什么{component}会列在那里?在我看来,你当然希望使用组件。所以不知道{component}为什么会在那里。

我认为从“React”导入React就足够了……意思是“给我所有的React”。但显然我在这里错过了某种概念。

谢谢。

共有2个答案

满耀
2023-03-14

也许正因为如此:类MyComponent扩展了Component{}类MyComponent扩展了React. Component{}

在每种情况下,您都需要从'react'导入React:)

伍成仁
2023-03-14

Reactreact包的默认导出,而Component是该包中的命名导出。你可以做

import React from 'react';

class MyClass extends React.Component { ... }

或者

import React, { Component } from 'react';

class MyClass extends Component { ... }

在此处阅读有关JavaScript导出的更多信息

编辑:实际上,React使用了一种不同的模式,称为在默认导出上公开API,它与命名导出具有相同的导入约定-您可以在此处查看它们的源代码

 类似资料:
  • 问题内容: 我注意到可以这样导入: …或像这样: 第一个导入模块中的所有内容(请参阅:导入整个模块的内容) 第二个仅导入模块导出(请参阅:导入默认值) 似乎这两种方法是不同的,并且根本上是不兼容的。 为什么它们都起作用? 请参考源代码并解释该机制…我有兴趣了解其工作原理。 ES6常规模块信息回答了该问题。 我在问使模块像这样工作的机制。在这里,它似乎与源代码中的 “ hacky”导出机制有关,但尚

  • 我遵循Android安装React导航的所有说明。 首先,“npm安装--Save React-Navigation”,“npm安装--Save React-Native-Gesture-Handler”。“react-native link react-native-gesture-handler”,最后,更新了我的 这是我得到的错误: 错误所在:在创建目录'd:\react Native pr

  • 我不知道为什么我会犯这个错误,我在任何地方都找不到答案。我已经卸载了<code>react router dom 我得到的错误: 尝试导入错误:“Switch”未从“react-router-dom”导出。

  • react-lazily-component 这是一个为 React 设计的组件懒加载方法,支持 jsx 和 tsx,可以帮助你配合 react 的路由组件很容易的实现页面懒加载。 如何使用? 首先你需要通过命令行安装: npm install --save react-lazily-component 安装好了以后,然后引入后就可以使用了: import ReactLazilyComponent

  • 我想将CSS文件导入react组件。 我已经尝试但我得到下面的错误; 找不到模块:错误:无法解析文件或目录.../.../.../Public/style/disabledLink in c:\用户\用户\文档\pisa-app\Client\src\组件@./Client/src/组件/ShoppingCartLink.js19:20-66哈希: 2d281bb98fe0a961f7c4版本:

  • 问题内容: 与 哪个更好,为什么? 还是除了以后编写更少的代码外没有其他区别? 写作是否意味着只导入Component对象? 问题答案: 让您代替。它减少了React名称空间的键入和重复,这通常是一种理想的现代编码约定。 此外,Webpack 2和Rollup之类的工具会“摇晃”,这意味着任何未使用的导出都不会捆绑到您的最终代码中。使用/,您可以保证所有React的源代码都将被捆绑。使用,某些工具

  • 问题内容: 首先,我遵循Flux架构。 我有一个显示秒数的指示器,例如:30秒。每显示一秒,它就会少显示一秒钟,因此29、28、27直到0。当到达0时,我清除间隔,使其不再重复。而且,我触发一个动作。派遣此操作后,我的商店会通知我。因此,发生这种情况时,我将间隔重置为30秒,依此类推。组件看起来像: 组件工作正常。现在,我想用Jest测试它。我知道我可以使用renderIntoDocument,然

  • 我们是否可以使用单个关键字而不是从'react-native‘中导入{Text,TextInput,Button,StyleSheet,View};“在react Native中?”text、TextInput、Button、StyleSheet、view“是否有可用的单个关键字选项?