Reactjs import/export component (ES6)

Button.js

import React from 'react';

class Button extends React.Component {
  render() {
    const { label, onClick } = this.props;
    return(
      <div>
        <button onClick={onClick}>{label}</button>
      </div>  
    );
  }
}

export default Button;

Home.js

import React from 'react';
import Button from './Button';
import Input from './Input';

class Home extends React.Component {
  handleClick(e) {
    ///
  }
  render() {
    return (
      <div>
        <Input />
        <Button label="Submit" onClick={this.handleClick.bind(this)} />
      </div>  
    );
  }
}

export default Home;

Input.js

import React from 'react';

class Input extends React.Component {
  render() {
    return(
      <div>
        <input ref="input" type="text" />
      </div>  
    );
  }
}

export default Input;