在React中覆盖彼此/组件组织的组件
在React中覆盖彼此/组件组织的组件
提问于 2015-08-17 20:36:09
因此，我想知道组件的组织和导入(需求)应该如何在React本机中工作。我已经构建了一个小应用程序，在一个文件中包含一个主TabView组件，然后有另一个文件，其中包含每个选项卡下面的组件。为了将所有这些导入到主文件中，我有一堆导入语句，即：
var Following = require('./viewComponents.ios');
var Trending = require('./viewComponents.ios');
var CommentButton = require('./viewComponents.ios');
var NotificationPage = require('./viewComponents.ios');
var LikeButton = require('./viewComponents.ios');
var WishLists = require('./viewComponents.ios');
var PageForProfile = require('./viewComponents.ios');我遇到了一个问题，我的一些组件似乎在相互重写，而我认为正是这种导入方法实现了这一点。例如:我的PageForProfile组件是：
class PageForProfile extends Component{
render(){
return(
<Text>Hello</Text>
)
}
} 但是，当我编写一个标记来显示这个组件时：
<PageForProfile></PageForProfile>而不是输出文本，我的“以下”组件显示代替"PageForProfile“组件！我已经看过了尽可能多的反应文学作品，但我仍然不知所措。任何帮助都将不胜感激。干杯。(p.s.StackOverflow的新手--如果我按我要求的方式破坏了礼仪，请告诉我，真的很感谢您在这里的社区。)
Stack Overflow用户
发布于 2015-08-17 21:46:34
您还没有发布您的viewComponents.ios结构，但是您所做的肯定是错误的。需要同一个文件总是会返回相同的对象:在module.exports中定义的对象(参见What is the purpose of Node.js module.exports and how do you use it?)
你有两个选择：
- 在不同的文件(following.ios、trending.ios等)中定义组件并对不同的组件要求不同的文件。
- 定义一个文件中的所有组件，并让module.exports将所有组件作为module.exports返回的对象的属性返回(这是React在导入文本、视图等时所做的)。在这种情况下，您的需求看起来会有所不同：
{以下，特伦丁，.}=需要量(‘viewComponents.ios’)；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32059263
复制相关文章
相似问题
腾讯云开发者
