我的 mongodb reactjs redux 项目，产品列表显示在列视图（垂直）而不是行（水平）中。我累了

Question

从“react”导入｛useEffect｝；从“react redux”导入｛useSelector，useDispatch｝；

操作从“../redux/actions/productActions';

Const家庭 = () =

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

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

return (
    <div>
        { loading ? <div><Box sx={{ width: '100%' }}>
              <LinearProgress />
              </Box></div>   : error ? <h2>{ error }</h2> : products.map((product) => (
  

        <div className="row center" key={product._id}>
                <a href={`/product/${product._id}`}>
            <div className="card">
                    <img className="medium" src={ product.imageUrl } alt="product" />
                <div className="card-body">
                    <h2>{ product.name }</h2>
                     <Rating rating={product.rating} numReviews={product.numReviews} />
                    <div className="price">
                         &#8358;{ product.price.toLocaleString(undefined, { minimumFractionDigits: 2 }) }
                    </div>
                </div>
            </div>
                </a>
         </div>
         
  ))}
    </div>
)

}

Answer 1

你应该从useEffect钩子的依赖数组中删除调度