Cacher is the code snippet organizer for pro developers

// Message.jsx

export default class Message extends Component {
  render: function() {
    return <p>{this.props.children}</p>
  }
}

// MyComponent.jsx
// import Message from "Message"

export class MyComponent extends Component {
  render() {
    return (
      <div className="my-div">
        My div content
        <Message>Some message</Message>  
      </div>
    );
  }
}