React Component import/export

form.js

// form.js and home.js are in the same dir

// If ES5, var Home = React.createClass({....})
class Form extends Component {
    // If ES5, do not need this
    constructor(props, contexts) {
        super(props, contexts);
    }

    componentDidMount() {
        // here is when to get data from API if needed
    }
    
    render() {
        return (
            <div>
                <form>
                    <input />
                    <input />
                    <input />
                </form>
            </div>
        );
    }
}
export default Form // If ES5: module.exports = Form

home.js

import Form from './form';  // If ES5: var Form = require('./form');
// form.js and home.js are in the same dir

// If ES5, var Home = React.createClass({....})
class Home extends Component {
    // If ES5, do not need this
    constructor(props, contexts) {
        super(props, contexts);
    }

    componentDidMount() {
        // here is when to get data from API if needed
    }
    
    render() {
        return (
            <div>
                <Form />
            </div>
        );
    }
}