Как сопоставить массив из API ответа для выбора элемента в реагировать?

Question

Я пытаюсь получить данные из массива, чтобы реагировать. Сначала я получаю массив из ответа API и сохраняю его в state. Ниже мой код, который не может получить значение, но ключ к <select>?

temp_list = [
            0:{fruit:"apple"},
            1:{fruit:"orange"}]

const f_list = this.state.fruit
const tmp_list = Object.keys(f_list).map((item, index) => <option value={item.fruit} >{item.fruit}</option>);

Результат <select> option будет b:

0
1

Ожидаемый:

apple
orange

Как мне добиться того, чего я хочу? Спасибо

Answer 1

Если вы уверены, что f_list является object. Тогда вы должны попробовать это,

const tmp_list = Object.keys(f_list).map((item, index) => <option value={f_list[item].fruit} >{f_list[item].fruit}</option>);

Демо