Creating React Components. Three flavours. Stateless component with only one expression, with multiline expression and with complete class

ClassBasedComponent.js

import React from 'react';

export default class ClassBasedComponent extends React.Component {

  constructor(props) {
    super(props);
    // do something useful
  }

  componentWillMount() {
    // do something useful  	
  }

  componentDidMount() {
    // do something useful  	
  }

  render() {
    return (
      <div>Hello</div>
    );
  }

  componentWillUnmount() {
    // do something useful
  }
  
}

MultilineStatelessComponent.js

import React from 'react';

export default MultilineStatelessComponent = ({children, otherProp}) => {
  const myId = otherProp + "id" ||  "defaultId";
  return (
    <div id={myId}>
      {children}
    </div>
  );
}

SingleExpressionStatelessComponent.js

import React from 'react';

export default SingleExpressionStatelessComponent = ({children, otherProp}) => 
  <div id={otherProp}>
    {children}
  </div>
;