Question

我正在处理一个项目，并尝试在主页上随机显示带有来自 firebase 数据的组件。

如何重新编码以便随机生成产品？

提前致谢！

import React from 'react'
import { render } from 'react-dom';
import './Product.css'

function Product(props) {
    console.log(props);
    return (
        <div className="Product">
            <div className="Product-description">
                <span className="Product-title">{props.title}</span>
                <span className="Product-price">${props.price}</span>
                <span className="Product-rating">
                    <p>?</p><p>?</p><p>?</p><p>?</p><p>?</p>
                </span>
            </div>
            <img src={props.image} />
            <button>Add to Cart</button>
        </div>
    )
}

export default Product

Answer 1

你可以创建随机数;

const randomNumber = Math.floor(Math.random() * productCount);

然后，您可以作为道具发送并使用此随机数作为索引过滤您随机选择的产品。

如何从firebase随机渲染反应组件

1 个答案: