Headers.jsx
import React, {Component} from ‘react’;
import Accounts from ‘./accounts’;
class Headers extends Component {
render(){
return(
);
};
}
export default Headers;
Accounts.jsx
import React, {Component} from ‘react’;
import ReactDOM from ‘react’;
import {Template} from ‘meteor/templating’;
import {Blaze} from ‘meteor/blaze’;
class Accounts extends Component {
componentDidMount(){
//Render Blaze accounts form and find the div we just rendered in the 'render' method and place the blaze accounts form in that div
this.view = Blaze.render(Template.loginButtons,
ReactDOM.findDOMNode(this.refs.container));
}
componentWillUnmount(){
// find forms we created and destroy them. We need to clean up those forms ourselves
Blaze.remove(this.view);
}
render(){
return(
<div ref="container"></div>
);
}
}