私は、隕石を扱う反応の方法を学び、非常に重要でありながら非常に基本的な問題に遭遇しようとしています。私はいくつかのデータを購読しようとしており、それを反応コンポーネントとしてレンダリングし、react-template-helper
そのコンポーネントを表示するために使用しています。
そのコンポーネントをレンダリングしようとするとすぐに、コンソールに次のエラーが表示されます。
Exception from Tracker afterFlush function: undefined
findOne is not a function
または
find is not a function
私のアプリのテンプレート:
<template name="appLayout">
<nav class="fixed">
<ul class="centered">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
<ul class="social">
<li><a href=""><i class="icon"></i></a></li>
<li><a href=""><i class="icon"></i></a></li>
</ul>
</nav>
{{> Template.dynamic template=yield}}
</template>
<template name="home">
<section class="home-hero">
{{> React component=homeContent}}
</section>
</template>
私の反応/流星ビューロジック:
Template.home.onCreated( function() {
let template = this;
template.autorun( function() {
Meteor.subscribe('homecontent');
})
});
homeContent = React.createClass({
mixins: [ReactMeteorData],
getMeteorData() {
return {
homeData: homeContent.find({}).fetch()
}
},
render(){
return (
<div className="units-container">
<div className="units-row centered-content stacked">
<h1>site name</h1>
<p>{this.data.homeData.homeCopy}</p>
</div>
</div>
)
}
})
Template.home.helpers({
homeContent() {
return homeContent
}
})
私のルーター:
FlowRouter.route('/', {
action() {
BlazeLayout.render('appLayout', {
yield: 'home'
})
},
name: 'home'
})
私のサーバーの出版物:
Meteor.publish('homecontent', function(){
return homeContent.find();
})
次のパッケージを使用して、ブレイズを介して反応コンポーネントを試して達成しています:ecmascript、react、kadira:flow-router、kadira:blaze-layout、react-template-helper。
jsx ファイルから単に削除するmixins
と、すべてが正常にレンダリングされ、コンソールから mini-mongo が正常に動作することに注意してください。getMeteorData