Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在单个and文件中导入所有必需的react本机组件,然后将其导出_Javascript_Reactjs_React Native_Import_Export - Fatal编程技术网

Javascript 在单个and文件中导入所有必需的react本机组件,然后将其导出

Javascript 在单个and文件中导入所有必需的react本机组件,然后将其导出,javascript,reactjs,react-native,import,export,Javascript,Reactjs,React Native,Import,Export,与在每个reactnative的“.js”文件中编写以下代码不同,是否可以在单个文件中编写并导出代码,这样我就可以通过导入这个文件(包含我需要使用的所有组件)在其他js文件中使用它 现在,我不必在page1.js、page2.js、page3.js中编写上述代码,我如何将其写入一个名为“comp.js”的文件中并从中导出,这样我只需在page1.js、page2.js和page3.js文件中导入comp.js即可,但我建议对该文件夹使用index.js,而不是comp.js 在一个文件夹中,您可

与在每个reactnative的“.js”文件中编写以下代码不同,是否可以在单个文件中编写并导出代码,这样我就可以通过导入这个文件(包含我需要使用的所有组件)在其他js文件中使用它


现在,我不必在page1.js、page2.js、page3.js中编写上述代码,我如何将其写入一个名为“comp.js”的文件中并从中导出,这样我只需在page1.js、page2.js和page3.js文件中导入comp.js即可,但我建议对该文件夹使用index.js,而不是
comp.js

在一个文件夹中,您可以创建index.js并导入该文件夹中所有相关的js,以便可以非常轻松地导入

例如:我有一个名为Components的文件夹

  • 在文件夹
    Components
  • 导入和导出文件
  • 导入文件夹而不是每个文件,并从“../Components”中选择仅需要的文件
    Import{comp1,comp2}

  • 从“/comp1”导出comp1怎么样。。directly@ArnavYagnik,那不行。您不能直接命名您的导出。您必须使用
    export{default as comp1}from./comp1'
    import React from 'react';
    
    import {
        StyleSheet,
        Text,
        Image,
        View
    } from 'react-native';
    
    import comp1 from './comp1'
    import comp2 from './comp2'
    import comp3 from './comp3'
    
    export { comp1, comp2, comp3 }