具有未定义映射的三元运算符

Question

这是我使用三元运算符对浏览器进行排序的浏览器中的错误，但仍无法正常工作。

TypeError：无法读取未定义的属性“ map”

我的代码是：

const HomeScreen  = () => {

const productList = useSelector(state => state.productList);
const { products, loading, error} = productList;
const dispatch = useDispatch();

useEffect(() => {
    dispatch(listProducts());        
    
}, [])

return ( 
    loading ? <div>Loading...</div>:
        error ? <div>{error}</div> : 
            <ul className="products">
              {
                products.map(product =>
                <li key={product._id}>
                    <div className="product">

Answer 1

products在您调用地图时可能尚未加载，为确保在映射之前已加载products，请将products.map(product =>更改为{{1} }