我使用 firebase 數(shù)據(jù)庫，并將該數(shù)據(jù)庫中的數(shù)據(jù)轉(zhuǎn)換為 JSON 格式。有了這些數(shù)據(jù)，我正在使用地圖函數(shù)，我想將我的數(shù)據(jù)渲染到其他組件中。我的代碼如下所示。第一個(gè)組件function Products() { const [url, setUrl] = useState([]);useEffect(() => {    async function asyncCall() {        const myurl = await axios.get("i put a example link here:mydata.json")            setUrl(myurl.data)    }    asyncCall();},[]);return (    <Row>        {url.map((url => (                <Col key={url.id} sm={12} md={6} lg={4} xl={3}>                    <Bags url={url} />                </Col>                    )        ))}    </Row>)}我想要渲染數(shù)據(jù)的第二個(gè)組件function Bags(props) { return (    <Row>        <CardDeck>            <Col sm={14} md={8} lg={6}>                <Card className='my-3 p-3 rounded'>                    {                    props.url ? (                        <div>                            <Card.Img variant="top" src={ props.url.img || 'holder.js/100px160'} />                            <Card.Body>                                <Card.Title> {props.url.name} </Card.Title>                                <Card.Text>                                This is the greatest albums of rock band Pearl Jam according to Nikolas                                </Card.Text>                            </Card.Body>                        </div>                    ) : (                        <div className="myprogress">                            <CircularProgress color="secondary" />                        </div>                        )                    }                </Card>            </Col>        </CardDeck>    </Row>                           )}對(duì)于第二個(gè)組件，我想根據(jù)我擁有的數(shù)據(jù)數(shù)量生成 Bootstrap-React 卡的數(shù)量。例如，如果我的 JSON 文件中有 6 個(gè)元素，我希望在第二個(gè)組件中生成 6 個(gè) React-bootstrap 卡并為每個(gè)卡打印一些信息，例如名稱。通過上面的代碼，我完成了傳遞道具，但 console.log 的道具不是我的數(shù)據(jù)。這就是我在控制臺(tái)中得到的內(nèi)容console.log(props)誰能告訴我如何正確傳遞我的數(shù)據(jù)或建議更好的方法來做到這一點(diǎn)。我希望我的問題能被理解。我可以提供任何人想要的更多信息