map不是reactJS中的函数

纳特

当我执行console.log(response.data)时,它返回了2个数据集,即post和user:

 const [dbdata,setDBData] = useState([])

useEffect(async() => {
        const response = await Axios.get('http://localhost:5000/api/posts/allpost', {withCredentials:true})
    setDBData(response.data)
    console.log(response.data)
    }, [])


{post: Array(2), user: Array(1)}
post: (2) [{…}, {…}]
user: [{…}]

因此,当我尝试dbdata.post.map()时,它说map()不是函数。我在这里想念的是什么?在此先感谢并深表感谢。

德鲁·里斯(Drew Reese)

问题

初始状态为空数组 []

const [dbdata,setDBData] = useState([]);

如果您尝试渲染并将它们映射到初始渲染中,则sodbdata.post和/或dbdata.user都未定义。

dbdata.post.map(...) // <-- throws error since dbdata.post undefined

提供正确的初始状态,以便初始渲染具有可访问和映射的有效状态。

const [dbdata,setDBData] = useState({ post: [], user: [] });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

recipes.map不是reactjs中的函数

来自分类Dev

values.map不是函数reactjs

来自分类Dev

array.map() 不是函数 reactjs

来自分类Dev

map 不是列表中的函数

来自分类Dev

ReactJS:this.props.data.map不是一个函数

来自分类Dev

ReactJS TypeError:_this3.state.Objects.map 不是函数

来自分类Dev

如何在reactjs的map函数中连接

来自分类Dev

ReactJS toLowerCase不是函数

来自分类Dev

ReactJS 加载函数“不是函数”

来自分类Dev

e.preventDefault()不是Reactjs中的函数,使用了绑定

来自分类Dev

错误:.map()不是函数

来自分类Dev

$(...).. map(...)。reduce不是函数

来自分类Dev

.map 不是函数 - 反应

来自分类Dev

如何使用map函数遍历reactjs中的对象列表?

来自分类Dev

TypeError:records.map不是React中的函数

来自分类Dev

TypeError:require不是Object.module.exports.map中的函数

来自分类Dev

TypeError:data.map不是JavaScript中的函数

来自分类Dev

类型错误:this.state.user.map 不是反应中的函数

来自分类Dev

ReactJS“未处理的拒绝(类型错误):this.state.features.map 不是函数”

来自分类Dev

使用.map的angularjs不是函数

来自分类Dev

ctorParameters.map不是函数

来自分类Dev

json.map 不是函数

来自分类Dev

反应:“.map 不是函数”问题

来自分类Dev

TypeScript 数组:.map() 不是函数

来自分类Dev

Map 不是函数:{} JSON 数组

来自分类Dev

函数不是javascript中的函数

来自分类Dev

reactjs setState不是JSON调用上的函数

来自分类Dev

this.setState不是文件上传ReactJS的函数

来自分类Dev

ReactJS:TypeError:渲染不是函数updateContextConsumer