サンプル

AreaComponent.js

import React from 'react'
import { Link } from 'react-router'

class AreaComponent extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    const { area } = this.props

    return (
      <span>
        <dt>{area.name}</dt>
        {
          area.bases.map((base, index) => (
            <dd><Link to="#">{base.name}</Link></dd>
          ))
        }
      </span>
    )
  }
}

export default AreaComponent