gistfile1.txt

const renderInterest = (interest, i) => {
  return (
    <div className="flexi" key={i}>
      <label>
        <Field name={`${interest}.selected`} component="input" type="checkbox" />
        <i />
        <Field name={`${interest}.name`} component={({ input }) => <span>{input.value}</span>} />
      </label>
    </div>
  )
}

const renderInterests = ({ fields }) => (
  <div>
    {fields.map(renderInterest)}
  </div>
)

<FieldArray component={renderInterests} name="interests" />

Label.js

import classnames from 'classnames'
import React, { Component, PropTypes } from 'react'

class Label extends Component {
  static propTypes = {
    input: PropTypes.object.isRequired,
    meta: PropTypes.object.isRequired
  };

  render() {
    const { children, className, input, meta: { error, touched }, labelClasses } = this.props
    return (
      <label className={classnames(labelClasses, { invalid: touched && error })}>
        {children}
        <input type="text" {...input} className={className} />
        {touched && error && <div>{error}</div>}
      </label>
    )
  }
}

export default Label