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

如何用React导出组件?命名vs默认值

宋飞文
2023-03-14
import React, {Component} from react;

共有1个答案

卫浩瀚
2023-03-14

正如您提到的,React是默认的模块导出,组件包含在React模块中。因此,您可以通过执行方法调用react.Component来使用Component,也可以使用import{Component}作为一个分离的函数导入到当前作用域中。

编辑:看看React GitHub上的第17行。它已经导入到react.js,所以这就是为什么可以用不同的方式导入模块。

从“./ReactBaseClasses”导入{Component,PureComponent};

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

  • 问题内容: 我使用下面的代码在React组件上设置默认道具,但是它不起作用。在该方法中,我可以看到输出“ undefined props”已打印在浏览器控制台上。如何为组件道具定义默认值? 问题答案: 您忘记合上支架了。

  • 此组件起作用: 如果我移除最后一行,就不起作用了。 我想,我不明白es6语法中的一些东西。它不是必须不带“default”符号导出吗?

  • 我正在使用VSCode并尝试将项目中跨多个文件的导入写入方式更正为更高性能的格式——VSCode是否具有促进这一点的功能?它可以通过内置的查找和替换来完成吗?或者其他一些VSCode功能能够做到这一点吗? 我得到的导入看起来是这样的(<code>substance ux</code>是真实模块名的模糊版本,因为我不需要特定于模块的答案): 或者也许: 我需要将其转换为这种样式,以匹配我们项目中其他

  • 问题内容: 我在玩和使用和。我想在不同的文件中构建多个组件,将其导入单个文件并将其捆绑在一起 假设我有几个这样的组件: my-navbar.jsx main-page.jsx 使用webpack并按照其教程进行操作,我有: 构建项目并运行它之后,在浏览器控制台中出现以下错误: 我究竟做错了什么?如何正确导入和导出组件? 问题答案: 尝试 默认设置 组件中的导出: 通过使用默认值,您表示将成为该模块

  • 从ES6JavaScript模块导入和命名资源的正确语法是什么? 例子: 如何一次导入? 它不是什么时候我应该使用花括号进行ES6导入的重复?,它更具体,要求一个单一的用例,而不是一篇文章。