как динамически добавить SelectOption в React. js

Question

Существует список l:

l = [
 ["a","b"],
 ["c","d"]
]

Я хочу динамически создать поле SelectOption с этим списком, для которого я пишу:

            <Field
              name="successData.val"
              render={({ field: { name } }) => (
                <Column>
                  <Select
                    onChange={value => setFieldValue(name, value)}
                    placeholder="dummy"
                    width={300}
                  >
                    {l.forEach(key => (
                      <SelectOption
                        value={key[0]}
                        label={key[1]}
                      />
                    ))}
                  </Select>
                </Column>
              )}
            />

Но когда я нажимаю раскрывающийся список кнопка, список не появляется, выделяется только верхняя граница поля, кажется, что выпадающий список генерируется, но не правильно.

Может кто-нибудь подсказать, что может быть не так в этой реализации?

Answer 1

Использование map ()

{l.map(key => (
  <SelectOption
    value={key[0]}
    label={key[1]}
  />
))}