流星との反応を使って、私は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)
あなたのご協力をよろしくお願い申し上げます。
あなたはcreateContainer
でApp
をラップした場合、その後、App
は小道具currentUser
を持っていますあなたの
私はあなたの答えとして 'HeaderContainer'を作成してしまいました。 – Deano