在儿童组件中,反应属性不确定
我有一个全局状态变量,并使用redux致电:
const productList = useSelector(state => state.productList)
const {loading, error, products} = productList
该变量的一部分被列入一个数组:
const slideArr = [products[0], products[1], products[2]]
我将此数组发送到要使用它的组件。为了防止未定义的错误,我使用以下逻辑:
{loading ? (
<h2>Loading...</h2>
) : error ? (
<h2>{error}</h2>
) : (
<>
{
<Carousel array={slideArr}/>
}
</>
)}
desipte this,在组件数组中。映射函数给出了一个不确定的错误:
props.array.map((img) => (
<img src={img.image} alt={img}
))
不应呈现该组件,直到阵列可见为止。
I have a global state variable that I store and call with Redux:
const productList = useSelector(state => state.productList)
const {loading, error, products} = productList
parts of this variable are given to an array:
const slideArr = [products[0], products[1], products[2]]
I send this array to a component where I want to use it. In order to prevent undefined error I use the following logic:
{loading ? (
<h2>Loading...</h2>
) : error ? (
<h2>{error}</h2>
) : (
<>
{
<Carousel array={slideArr}/>
}
</>
)}
Desipte this, in the component array.map function gives an undefined error:
props.array.map((img) => (
<img src={img.image} alt={img}
))
The component shouldn't be rendered until the array is avaible.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论