reactjs - TypeError:this.props.recipes.map 不是函数
问题描述
目前在第一次渲染空数组时遇到了一些麻烦,我认为它是第一次运行并且数组为空时的麻烦;无论如何是有条件地运行此渲染还是您可能知道的解决方法?
import React, { Component } from 'react';
import { connect } from 'react-redux';
import List, { ListItem, ListItemText } from 'material-ui/List';
class RecipesList extends Component {
render() {
console.log(this.props.recipes)
return(
<div>
<List component="nav">
{
this.props.recipes.recipes.map(recipe => {
return(
<ListItem button key={recipe.id}>
<ListItemText>
{recipe.title}
</ListItemText >
</ListItem>
)
})
}
</List>
</div>
)
}
}
function mapStateToProps(state) {
return state;
}
export default connect(mapStateToProps)(RecipesList)
recipes 数组已经在 reducer 上初始化为:
const defaultState = {
recipes: []
};
解决方案
推荐阅读
- ruby-on-rails - Rails + GraphQL - 游戏的未知属性“角色”
- c# - 创建并以只读方式打开现有文件的临时副本并在使用后删除
- python - Python,从元组中剥离字符
- angular - Angular 测试激活路由:使用 RouterTestingModule 设置查询参数
- web-scraping - R中的变量[[n]]是什么意思?
- java - 使用 @Autowired 和 AUTOWIRE_BY_TYPE 有什么区别?
- php - 在 assign 语句中为另一个变量使用 Smarty 变量
- list - 在 dart 中,哪个更好 List.generate 或 List.of 或 List.from
- javascript - React Native:使用道具作为来源的图像导致错误
- vb.net - Visual Basic 内置数据库连接字符串语法错误