未捕獲的參考錯誤：未定義收集---在流星應用程序

Question

這是位於我的流星項目的imports/ui處的.js文件。

import React from 'react'; 
    import {Tasks} from './../api/tc'; 

    export default class Task extends React.Component{ 
    render(){ 
return(

<div key={this.props.task._id} className='item'> 
    <p> 
    {this.props.task.name} 
    </p> 
    <p className='prioritypoints'> 
    priority level : {this.props.task.score} 
    </p> 
    <button className='button button--round' onClick={() => tc.remove({_id: this.props.task._id})}>X</button> 
    <button className='button button--round' onClick={()=> 
    tc.update({_id: this.props.task._id}, {$inc: {score:1}})}> 
    +1</button> 
    <button className='button button--round' onClick={()=> 
    {tc.update({_id: this.props.task._id},{$inc: {score:-1}})}}> 
    -1</button> 

    </div> 
); 
     } 
    }; 

「TC」是我收集的MongoDB在進口/ API定義的名稱/ tc.The按鈕的onClick事件不響應爲task_collection根據控制檯不確定的。

tc.js：

import {Mongo} from 'meteor/mongo'; 
    export const Tasks = new Mongo.Collection('tc'); 

爲什麼即使我已導入集合在這個文件中這樣的問題出現？

Answer 1

它不應該是tc.remove，它應該是 Tasks.remove({_id: this.props.tasks.id});

您所有的疑問在任務運行，因爲它是Mongo.Collection實例不是TC，TC是你的數據庫的名稱。