React reusable component

SomeComponent.js

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const MyLink = props => <a href={props.theurl} target="_blank" > {props.thename}</a>;

    return (
      <div>
        <nav>
          <MyLink theurl="http://www.example.com/page1" thename="My link" />
          <MyLink theurl="http://www.example.com/page2" thename="Another link" />
          <MyLink theurl="http://www.example.com/page3" thename="A better link" />
          <MyLink theurl="http://www.example.com/page4" thename="A bad link" />
        </nav>
      </div>
    );
  }
}

export default MyComponent;