首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Meteor1.4-反应数据加载技术最佳实践

Meteor1.4-反应数据加载技术最佳实践
EN

Stack Overflow用户
提问于 2016-10-10 17:05:27
回答 1查看 311关注 0票数 1

我正在使用Meteor1.4/ React构建一个中型应用程序。因此,我试图找到数据处理的最佳实践之间的Meteor 1.4 / React,以遵循时,我的应用程序。

目前,我正在使用createContainer来处理Meteor和React组件之间的数据,如下例所示。

尽管如此,我在许多文章/论坛文章中读到了有关使用Meteor软件包/特性的文章,比如React、TrackerReact和React文档容器。

因此,我不知道在一个中等规模的项目中,哪一个项目是最好的,随着时间的推移,规模会增加。所以,我想知道是否有人通过了类似的经验/尝试了这些软件包可以与我分享他们的经验?

提前感谢您的帮助和时间

代码语言:javascript
复制
  import React, { Component } from 'react';
  import { createContainer } from 'meteor/react-meteor-data';

  export default class DDOrganization extends Component {

      getOrganizations(){
        let org = this.props.org;
        return Organizations.find({'name': {'$regex': org}});
      }

      renderOrganizations(){
        return this.getOrganizations().bind(this).map((org) => {
          return (
            <li key={org._id}><a href="#" data-id={org._id} onClick={this.props.setOrgState}>{org.name}</a></li>
          )
        });
      }

      render(){
          let {organizations} = this.props;
          return (
              <ul className="select-organization-list">
                  {this.renderOrganizations().bind(this)}
              </ul>
          )
      }

  };


  export default createContainer(() => {

      let organizations = {};
      let {org} = this.props;
      let orgSub = Meteor.subscribe("OrgSubscription", org);

      if(orgSub.ready()){
          organizations = Organizations.find({'name': {'$regex': org}}).fetch();
      }

      return {
          organizations: organizations
      }

  }, DDOrganization);
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-10 20:16:33

我所做的事情和你目前为生产中一个相当大的项目所做的一样,而且它似乎运行得很好。我认为这是千年发展目标推荐的方法。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39963315

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档