TypeError:undefined不是一个函数(评估' categories.map')

时间:2018-02-23 22:40:01

标签: javascript react-native redux axios redux-thunk

嗨,我有这样的json文件

[
  {
    "id": 1,
    "code":"films",
    "name":"FILMS",
    "icon":"film",
    "image":"http://static.tvmaze.com/uploads/images/large_landscape/137/343398.jpg",
    "subs": [
      {
        "id": "1-1",
        "code": "553",
        "name": "films 1",
      },
      {
        "id": "1-2",
        "code": "554",
        "name": "film 2",
      }
    ]
  },
  {
    "id": 2,
    "code":"series",
    "name":"SERIES",
    "icon":"television",
    "image":"http://static.tvmaze.com/uploads/images/large_landscape/142/356297.jpg",
    "subs": [
      {
        "id": "2-1",
        "code": "555",
        "name": "series 1",
      },
      {
        "id": "2-2",
        "code": "556",
        "name": "series 2",
      }
    ]
  }
]

我使用redux(axios)

获取它
// CATEGORIES
export function retrieveCategoriesSuccess(res) {
    return {
        type: types.RETRIEVE_MOVIES_CATEGORIES_SUCCESS,
        categories: res.data
    };
}
export function retrieveMoviesCategories() {
    return function (dispatch) {

        return axios.get(FETCHING_MOVIES_URL + "data/categories.json")
        .then(res => {
            dispatch(retrieveCategoriesSuccess(res));
        })
        .catch(error => {
            console.log("Categories: ", error); //eslint-disable-line
        });
    };
}

我尝试以这种方式将其映射到我的菜单:

    //return categories.map((obj) => (
    return this.props.categories.map((obj, key) => {
        <View key={obj.id}>
            <Text style={styles.text}>{obj.name}</Text>
        </View>
        {_renderSubMenu(obj)}
    })

当我删除子数组代码工作得很好,我得到菜单列表但是当我添加子类别时,我得到这个错误: TypeError:TypeError:undefined不是函数(评估&#39; categories.map&#39;)

在map bloc显示json数据之前的Console.log(this.props.categories), 我也试过返回categories.map((obj)=&gt; ...但是没有工作

1 个答案:

答案 0 :(得分:0)

对于遇到类似问题的任何人,请检查json文件中的尾随逗号。