如何在React App中正确导入组件?

uv

我发现以下代码。@代表什么,这是标准吗?有什么更好的导入组件的方法?

一个)

import Box from '../../../components/Box '

b)

import Box from '@components/Box '
阿拉文

如果您使用的是Typescript(标签建议您使用),则可以在tsconfig.json中设置“路径映射”

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@": ["./src"],
      "@/*": ["./src/*"],
      "@components": ["./src/components"]
    }
  }
}

参考:https : //www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping

因此,很难更新tsconfig.json中的所有路径,因此我建议使用第一个选项

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在react-router中正确键入组件属性?

来自分类Dev

如何在Typescript中正确键入React ErrorBoundary类组件?

来自分类Dev

如何在 Xcode 中正确导入文件

来自分类Dev

如何在Typescript中正确导入模块?

来自分类Dev

如何在 React Native 中正确调试?

来自分类Dev

如何在 React 中正确更新显示?

来自分类Dev

如何在React功能组件中正确使用键?这是我的喜欢按钮:

来自分类Dev

如何在React功能组件中正确设置setInterval计时器?

来自分类Dev

如何在自己的文件中的React Native中正确实现自定义组件?

来自分类Dev

如何在Jena 3.0.1(Eclipse)中正确导入Pellet 2.3.0?

来自分类Dev

如何在流星中正确导入js文件

来自分类Dev

如何在Eclipse中正确导入该库?

来自分类Dev

如何在VS Code中正确导入Python模块?

来自分类Dev

如何在tkinter中正确导入图像到界面

来自分类Dev

如何在我自己的 CSS 中正确导入 Sass?

来自分类Dev

如何在 Java 中正确创建和导入包

来自分类Dev

Ember.js如何在组件中正确过滤模型

来自分类Dev

如何在Nuxt组件中正确放置Google登录代码

来自分类Dev

如何在子组件中正确调用传递的函数

来自分类Dev

如何在React中导入Bootstrap组件?

来自分类Dev

如何在react中正确使用react-error-boundary?

来自分类Dev

如何在React Native中将组件正确导入到我的导航器中?

来自分类Dev

如何在React Native中正确使用仅iOS组件而不会在Android中出现错误

来自分类Dev

如何在React Native中正确使用仅iOS组件而不会在Android中出现错误

来自分类Dev

如何在 app.yaml 中正确路由目录调用?

来自分类常见问题

如何在React Native中正确对齐文本输入?

来自分类Dev

如何在React Router中正确使用IndexRoute?

来自分类Dev

如何在React-Native导航中正确使用Redux

来自分类Dev

如何在React中正确使用Onsen的Navigator?

Related 相关文章

  1. 1

    如何在react-router中正确键入组件属性?

  2. 2

    如何在Typescript中正确键入React ErrorBoundary类组件?

  3. 3

    如何在 Xcode 中正确导入文件

  4. 4

    如何在Typescript中正确导入模块?

  5. 5

    如何在 React Native 中正确调试?

  6. 6

    如何在 React 中正确更新显示?

  7. 7

    如何在React功能组件中正确使用键?这是我的喜欢按钮:

  8. 8

    如何在React功能组件中正确设置setInterval计时器?

  9. 9

    如何在自己的文件中的React Native中正确实现自定义组件?

  10. 10

    如何在Jena 3.0.1(Eclipse)中正确导入Pellet 2.3.0?

  11. 11

    如何在流星中正确导入js文件

  12. 12

    如何在Eclipse中正确导入该库?

  13. 13

    如何在VS Code中正确导入Python模块?

  14. 14

    如何在tkinter中正确导入图像到界面

  15. 15

    如何在我自己的 CSS 中正确导入 Sass?

  16. 16

    如何在 Java 中正确创建和导入包

  17. 17

    Ember.js如何在组件中正确过滤模型

  18. 18

    如何在Nuxt组件中正确放置Google登录代码

  19. 19

    如何在子组件中正确调用传递的函数

  20. 20

    如何在React中导入Bootstrap组件?

  21. 21

    如何在react中正确使用react-error-boundary?

  22. 22

    如何在React Native中将组件正确导入到我的导航器中?

  23. 23

    如何在React Native中正确使用仅iOS组件而不会在Android中出现错误

  24. 24

    如何在React Native中正确使用仅iOS组件而不会在Android中出现错误

  25. 25

    如何在 app.yaml 中正确路由目录调用?

  26. 26

    如何在React Native中正确对齐文本输入?

  27. 27

    如何在React Router中正确使用IndexRoute?

  28. 28

    如何在React-Native导航中正确使用Redux

  29. 29

    如何在React中正确使用Onsen的Navigator?

热门标签

归档