2 回答

TA貢獻1829條經驗 獲得超7個贊
嘗試這樣的事情,
import React, {useState, useEffect} from "react";
function App() {
const [results, setResults] = useState([]);
useEffect(() => {
const getTweets = async () => {
const tweetsData = [];
const tweets = await firestore.collection('tweet').get();
tweets.forEach(doc => {
tweetsData.push(doc.data());
})
setResults(tweetsData);
}
getTweets()
}, [])
return (
<>
<main className="tweet-container">
<div className="tweet-container--content">
{results.map((tweet, index) => (
<h1>{tweet}</h1>
))}
</div>
</main>
</>
)
}
參考: https: //reactjs.org/docs/hooks-state.html

TA貢獻1843條經驗 獲得超7個贊
當使用地圖函數在 UI 上顯示元素時,請始終向元素添加關鍵屬性。因為它有助于做出反應以區分元素。
return (
<>
<main className="tweet-container">
<div className="tweet-container--content">
{results.map((tweet, index) => (
<h1 key={index} >{tweet}</h1>
))}
</div>
</main>
</>
)
添加回答
舉報