Блог

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

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

     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} , это показывает

Неперехваченная ошибка ссылки: Chid не определен

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

Использовать в моей форме добавления

 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*/
  );
}
  

данные, используемые в поле значения множественного выбора