导入我的App.js以外的文件-响应本机
导入我的App.js以外的文件-响应本机
提问于 2022-02-08 15:11:09
我是新的反应本地人，我目前正在尝试创建一个烹饪书应用程序与博览会。我正在寻找一个解决方案来缩短我在App.js中的导入，因为它们都在同一个文件夹中。这里看起来是：
import Ampalaya from "./recipes/Ampalaya";
import AdobongSitaw from "./recipes/AdobongSitaw";
import BananaQue from "./recipes/BananaQue";
import Bibingka from "./recipes/Bibingka";
import BukoPie from "./recipes/BukoPie";我就是这么用我进口的这些东西的
<NavigationContainer>
<StatusBar style="auto" />
<Stack.Navigator>
<Stack.Screen
name="Ampalaya"
component={Ampalaya}
options={{
headerRight: (props) => <Logo {...props} />,
headerTitle: "Back",
}}
/>
<Stack.Screen
name="AdobongSitaw"
component={AdobongSitaw}
options={{
headerRight: (props) => <Logo {...props} />,
headerTitle: "Back",
}}
/>
<Stack.Screen
name="BananaQue"
component={BananaQue}
options={{
headerRight: (props) => <Logo {...props} />,
headerTitle: "Back",
}}
/>
<Stack.Screen
name="Bibingka"
component={Bibingka}
options={{
headerRight: (props) => <Logo {...props} />,
headerTitle: "Back",
}}
/>
<Stack.Screen
name="BukoPie"
component={BukoPie}
options={{
headerRight: (props) => <Logo {...props} />,
headerTitle: "Back",
}}
/>
</Stack.Navigator>
</NavigationContainer>Stack Overflow用户
回答已采纳
发布于 2022-02-08 15:33:10
作为一个选项，您可以在“屏幕”文件夹中创建index.js文件，然后在文件中使所有导出如下：
// index.js
export * from './Home'
// Home.js
import react from 'react'
import {View, Text} from 'react-native'
export const Home = () => {
return (
<View><Text> Home </Text></View>
)
}
export default Home
// App.js
import {Home, Banana, etc} from './Screens'或进口，如：
// Home.js
import { StyleSheet, Text, View } from 'react-native';
import React from 'react';
export const Home = () => {
return (
<View>
<Text>Home</Text>
</View>
);
};
export default Home;
const styles = StyleSheet.create({});
//index.js
export * from './Home'
export * from './Banana'`
App.js:
import React from 'react';
import * as Screens from './screens'
const App = () => {
return (
<Screens.Home />
);
};
export default App;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71036243
复制相关文章
相似问题
腾讯云开发者
