可能我錯過了一些非常簡單的東西，但是：
我有一個陣列：
const [weight, setWeight] = useState([]);
我想映射它以動態呈現組件：
const renderWeight = () => {
weight.map((e) => {
<Weight />;
});
};
我希望在單擊提交按鈕時發生這種情況，并且我希望組件在特定的 div 中呈現。我找不到辦法做到這一點。
謝謝！
uj5u.com熱心網友回復：
您可以使用顯示變數作為切換器來顯示/隱藏重量分量，如下所示
import React, { useState } from "react";
const App = () => {
const [weight, setWeight] = useState([1, 2, 3]);
const [show, setShow] = useState(false);
return (
<div className="container">
<div className="weight">{show && weight.map((e) => <Weight />)}</div>
<button onClick={() => setShow(!show)}>Click to show/hide</button>
</div>
);
};
export default App;
uj5u.com熱心網友回復：
我認為你需要回傳映射陣列
const renderWeight = () => {
return weight.map((e) => {
<Weight />;
});
};
注意：確保為每個渲染的組件分配一個鍵
uj5u.com熱心網友回復：
你必須歸還它。
const [show ,setShow] = useState(false)
const renderWeight = () => {
return weight.map((e) => {
return <Weight />;
});
};
return (
<>
<button onClick={() => setShow(!show)}>Click to show/hide</button>
{
show?
renderWeight():''
}
</>
);
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/392832.html
標籤：javascript 反应
上一篇：如何在HTML中呼叫此函式？