Question

我正在尝试学习使用流星的反应方式，并遇到一个非常关键但非常基本的问题。我正在尝试订阅一些数据，然后将其作为反应组件呈现，并使用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和getMeteorData，那么一切都会很好地呈现，并且mini-mongo通常会从控制台中执行。

Answer 1

非常简单的错误。在homeData: homeContent.find({}).fetch()行，来电homeContent指的是我刚刚制作的反应类，而不是我正在寻找的集合。

此特定错误的修正为homeContent = React.createClass({变为homeComponent = React.createClass({

使用与流星的反应导致找不到函数

1 个答案: