我是新來的反應我正在處理簡單的專案，因為我的代碼在下面我只是注意到如何列印 listItem={people} 的值，因為它在我的串列組件中作為道具傳遞，即 <List listItem={people} 所以我可以更好地理解我在 listItem 中得到的內容，我嘗試了 {console.log(listItem)} 但它說未定義
*react*
function App() {
const [people, setPeople] = useState(data);
return (
<div className="container">
<h3>{people.length} birthdays today</h3>
<List listItem={people} />
<button onClick={() => setPeople([])}>Clear All</button>
</div>
);
}
export default App;
uj5u.com熱心網友回復：
您在組件函式中添加到組件的所有引數都將作為一個物件發送，該物件的鍵是您選擇的引數名稱和您為其設定的值。
在下面的例子中，我正在解構串列組件作為引數獲取的物件。
function List({ listItem }) {
console.log(listItem)
return <div>List Component</div>
}
在這里你可以找到更多關于解構的資訊。
uj5u.com熱心網友回復：
您需要先檢索道具，這可以使用以下代碼完成。
console.log(props.listItem)
請參考React 檔案
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/322090.html
標籤：javascript html css 反应
上一篇：調整大小時使div不移動
下一篇：CSS發光圓圈效果