i am making web app using meteor with react and in my LedgerMaster.jsx is
import React, { Component } from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import { LedgerMasterApi } from '../../../api/ledgerMaster';
import LedgerMasterForm from './LedgerMasterForm';
import LedgerMasterDiplay from './LedgerMasterDiplay';
class LedgerMaster extends Component {
render(){
return(
<div>
<LedgerMasterForm />
<LedgerMasterDiplay ledgeres={this.props.ledgeres} />
</div>
);
}
}
export default createContainer(() => {
return {
ledgeres: LedgerMasterApi.find({}).fetch(),
};
}, LedgerMaster);
so the problem is i have to define my import { LedgerMasterApi } from '../../../api/ledgerMaster';
in both LedgerMasterForm for insertion and LedgerMasterDiplay for fetch data