我刚刚尝试使用上下文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] 删除。
我来说两句