使用上下文API时出现此错误。TypeError:对象不可迭代(无法读取属性Symbol(Symbol.iterator))

鬃毛

我刚刚尝试使用上下文API从另一个组件访问变量,它引发了奇怪的错误。

这是我的父组件。

import React,{createContext,useState} from 'react'

export const CartContext=createContext()    

const CartValue =(props)=>{
    const [cart,setCart]=useState(0)
    return (
        <CartContext.Provider value={[cart,setCart]}>
            {props.children}
        </CartContext.Provider>
        
    )
}

export default CartValue

下面是我的孩子部分。

import React,{useContext} from 'react'
import CartValue,{CartContext} from './CartValue'


function ChildContext() {
    const [cart,setCart]=useContext(CartContext)
    return (
        <div>
           <h3>{cart}</h3>

        </div>
    )
}

export default ChildContext

下面是我得到的错误。

TypeError: Object is not iterable (cannot read property Symbol(Symbol.iterator))

请解决此问题。提前致谢

曼尼什·桑德拉

Context API没什么问题,您要做的就是将组件包装在多数民众赞成里面。

下面是我的解决方案

       <CartValue>
            <ChildContext />
       </CartValue>

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章