2016-12-30 15 views
0

流星との反応を使って、私はAppと呼ばれる主成分を持ち、ページレイアウト(ヘッダー、サイドバー、右サイドバー)をラップします。Meteor + React + createcontainer

export default class App extends Component { 
    render() { 
    return (
     <div> 
     <nav className="navigation"> 
      <Header /> 
      <Sidebar /> 
     </nav> 
     <div className="content"> 
      <Subnavbar /> 
      <div className="container"> 
      {this.props.children} 
      </div> 
     </div> 
     <Rightsidebar /> 
     </div> 
    ); 
    } 
}; 

私はMeteorの組み込み認証システムを使用して認証システムを設定しようとしています。 「accounts-password」パッケージを使用してください。

私のknowldgeには、 'meteor/react-meteor-data'のcreateContainerを使用して、コンポーネントに認証パラメータを注入する必要があります。

この例と同様に

import { createContainer } from 'meteor/react-meteor-data'; 
import MainPage from '../pages/MainPage.jsx' 
export default MainContainer = createContainer(({params}) => { 
    const currentUser = Meteor.user(); 
    return { 
    currentUser, 
    }; 
}, MainPage); 

は、しかし、上記の例では、それだけで私は私のアプリ(ヘッダのすべてのコンポーネントに認証情報を注入することに取り掛かることができますどのように、単一のコンポーネントにPARMSを注入し、サイドバー..etc)

あなたのご協力をよろしくお願い申し上げます。

あなたはcreateContainerAppをラップした場合、その後、Appは小道具currentUserを持っていますあなたの

答えて

1

ありがとうございます。 currentUser小道具をすべてのコンポーネントに渡すことは、Appの責任となります。 currentUserをあまりにも多く使いすぎると、currentUserが必要なコンポーネントだけをcreateContainerにラップすることができます。

この場合、createContainerでそれぞれ囲まれたHeaderContainerSidebarContainerなどがあります。

+0

私はあなたの答えとして 'HeaderContainer'を作成してしまいました。 – Deano

関連する問題