React native 从React Native中的其他文件导入类组件
我有一个名为“app”的文件夹,其中包含一个“views”文件夹。在视图内部,我有一个“Home.js”文件,其中定义了一个类组件“Home”。我想在另一个文件“App.js”中使用Home类。 以下代码是Home.js文件中的内容React native 从React Native中的其他文件导入类组件,react-native,React Native,我有一个名为“app”的文件夹,其中包含一个“views”文件夹。在视图内部,我有一个“Home.js”文件,其中定义了一个类组件“Home”。我想在另一个文件“App.js”中使用Home类。 以下代码是Home.js文件中的内容 import React from 'react'; import {View, Text} from 'react-native'; export class Home extends React.Component { rend
import React from 'react';
import {View, Text} from 'react-native';
export class Home extends React.Component {
render () {
return (
<View>
<Text> Some text </Text>
<Text> Some other random text </Text>
</View>
);
}
}
从“React”导入React;
从“react native”导入{View,Text};
导出类Home扩展React.Component{
渲染(){
返回(
一些文本
其他一些随机文本
);
}
}
这就是App.js文件中的内容
import React from 'react';
import { Home } from '.app/views/Home.js';
export default class App extends React.Component {
render () {
return (
<Home />
);
}
}
从“React”导入React;
从.app/views/Home.js'导入{Home};
导出默认类App扩展React.Component{
渲染(){
返回(
);
}
}
当我尝试使用expo运行它时,我得到一个错误“error:undefined无法解析模块'.app/views/Home.js'”
无论我试图从哪个路径带回家,我都会得到相同的错误,即使我直接从Home.js文件复制并粘贴路径。我很好奇,我想知道这是不是一个代码错误,或者我提出路径的方式是错误的?有没有办法解决这个问题?非常感谢。您需要像这样进入文件夹:
'./app/views/Home.js';
嗨,Luis,了解您的完整文件结构将对此有所帮助。你能试试“从导入主页”吗?/views/Home.js“嘿,非常感谢。事实上,我最终需要花括号来导入Home类,但除此之外,添加一个/有助于解决问题。谢谢!如果你能删掉关于去掉大括号的部分,我会接受你的答案。是的,你是对的,我没有注意到你没有导出默认的家庭课程