Значения параметров Dynami c в форме реакции

Question

У меня есть компонент, в котором я получаю некоторые данные. Эти данные должны быть отображены в форме как значения параметров в части выбора. Таким образом, данные, которые я получаю, будут опциями.

Компонент, из которого будут поступать данные, это:

import React from 'react';

import Layout from '../Layout/Layout';
import CmView from './CmView';


export default function CmContainer() {
    someState [/*with items*/]

    return (
        <div>
            <Layout title={'CM Info'}>
                <CmView/>
            </Layout>
        </div>
    )
}

И выбор находится в другом компоненте с именем CmView:

import React from 'react'

export default function CmView() {
    return (
        <div>
            <form>
                <select>
                    <option>here comes an item</option>
                </select>
            </form>
        </div>
    )
}

Вопрос в том, как лучше всего передать данные? Или il oop в первом компоненте или я передаю данные как проп? Я пытаюсь реализовать шаблон контейнерного представления, где представление используется только для отображения данных.

Answer 1

Вы можете передать данные в виде массива и l oop в компоненте CmView.

import React from 'react';

import Layout from '../Layout/Layout';
import CmView from './CmView';


export default function CmContainer() {
  someState [/*with items*/]

  return (
    <div>
      <Layout title={'CM Info'}>
         <CmView options={options} />
      </Layout>
    </div>
  )
 }

И l oop здесь:

import React from 'react'

export default function CmView({ options }) {
    return (
        <div>
            <form>
                <select>
                    {options.map(option => (<option>{option.name}</option>)}
                </select>
            </form>
        </div>
    )
}