Как получить данные дочернего компонента в React

Question

Вот мой поток данных от родительского компонента к дочернему

родительский компонент

    import Add from './AddPage'; //addpage.jsx

    ......

    let data =  
      [
        { id: 0, name: 'orange' },
        { id: 1, name: 'purple' },
        { id: 2, name: 'red' },
        { id: 3, name: 'blue' },
      ];

    .......

    <Add data= { data } /> 

дочерний компонент

Как получить данные в дочернем компоненте, я попробовал следующий метод

const Child = ({ data }) => (
  data.map((value => value.name))
);  

, когда я использую {Child}, он показывает

Uncaught ReferenceError: Chid не определен

---

Редактировать

Использовать в моей AddForm

let AddForm = props => {
  const { handleSubmit } = this.props

  return(
    <div className="form-row">
      <div className="col-md-12">
        <form onSubmit={handleSubmit(onSubmit)}>
          <Field
            name="colors"
            component={renderMultiselect}
            data={Child}
            valueField="id"
            textField="name"
            label="Colors"          
          />
          <button type="submit">Submit</button>
        </form>{/* form end*/}
      </div>{/* col-md-6f*/}
    </div>/*main row*/
  );
}

данные, используя в Multiselect valueField