reactjs - 为什么我在映射数组中出现“不是函数”错误

Question

我不知道为什么我TypeError: sheltersList.map is not a function应该在它应该映射数组时得到？我的代码有什么问题？我不明白。。

import React from 'react';

const SheltersList = (sheltersList) => {
    console.log(sheltersList);
    if (sheltersList.lenght != 0) {
        return (
            <div>
                { sheltersList.map(function(shelter) {
                    <option id={shelter.id}>{shelter.name}</option>
                })}
            </div>
        )
    } else { return (
        <option> loading... </option>
    )}
}

export default SheltersList;

标签： reactjs

Answer 1

map是 的函数Array.prototype。似乎参数sheltersList不是Array.

因为这是一个 React 功能组件，你可能会在这种情况下找到你的sheltersListArray 。sheltersList.sheltersList