TypeError: Employees.find is not a function from meteor withTracker
TypeError: Employees.find is not a function from meteor withTracker
首先使用 createContainer 订阅数据,但它抛出错误:
Uncaught TypeError: CreateContainer is not a function
react-meteor-data: React higher-order component for reactively tracking Meteor data
Warning - createContainer was deprecated in react-meteor-data@0.2.13. Use withTracker instead
然后更改为 withTracker 但出现错误:
Uncaught TypeError: Employees.find is not a function
Employee_list.js
import React from 'react';
import Employees from '../../imports/collections/employees';
import { withTracker } from 'meteor/react-meteor-data';
const EmployeeList = (props) => {
console.log(props);
return(
<div>
<div className = "employee-list">
Employee list
</div>
</div>
)
}
export default withTracker ( () => {
const handle = Meteor.subscribe('employees');
//return { employeesd: Employees.find({}).fetch() };
return {
listLoading: !handle.ready(),
tasks: Employees.find({}).fetch(),
};
})( EmployeeList );
员工就是我的mongodbcollection
employees.js
import { Mongo } from 'meteor/mongo';
export const Employees = new Mongo.Collection('employees');
您使用命名导出:
export const Employees = new Mongo.Collection('employees');
但尝试使用默认导出:
import Employees from '../../imports/collections/employees';
修复:
import { Employees } from '../../imports/collections/employees';
或
const Employees = new Mongo.Collection('employees');
export default Employees;
首先使用 createContainer 订阅数据,但它抛出错误:
Uncaught TypeError: CreateContainer is not a function
react-meteor-data: React higher-order component for reactively tracking Meteor data
Warning - createContainer was deprecated in react-meteor-data@0.2.13. Use withTracker instead
然后更改为 withTracker 但出现错误:
Uncaught TypeError: Employees.find is not a function
Employee_list.js
import React from 'react';
import Employees from '../../imports/collections/employees';
import { withTracker } from 'meteor/react-meteor-data';
const EmployeeList = (props) => {
console.log(props);
return(
<div>
<div className = "employee-list">
Employee list
</div>
</div>
)
}
export default withTracker ( () => {
const handle = Meteor.subscribe('employees');
//return { employeesd: Employees.find({}).fetch() };
return {
listLoading: !handle.ready(),
tasks: Employees.find({}).fetch(),
};
})( EmployeeList );
员工就是我的mongodbcollection
employees.js
import { Mongo } from 'meteor/mongo';
export const Employees = new Mongo.Collection('employees');
您使用命名导出:
export const Employees = new Mongo.Collection('employees');
但尝试使用默认导出:
import Employees from '../../imports/collections/employees';
修复:
import { Employees } from '../../imports/collections/employees';
或
const Employees = new Mongo.Collection('employees');
export default Employees;