在選擇特定的 NFT 后，我正在其中構建一個應用程式，一個帶有額外內容的新 div 將顯示出來。選擇部分作業正常，但現在我希望它能夠取消選擇它。這是狀態
const [selectedNFT, setSelectedNFT] = useState<NFT>();
這是選擇 NFT 的功能
{ownedNfts?.data?.map((nft) => (
<div
onClick={() => setSelectedNFT(nft)}
className={`flex flex-col space-y-2 card min-w-fit border-2 bg-gray-100
${
nft.metadata.id === selectedNFT?.metadata?.id
? "border-black scale-105 z-50"
: "border-transparent"
}`}
key={nft.metadata.id}
>
onClick 事件填充狀態，但我想要的是再次單擊它后，它應該從狀態中洗掉資料，使狀態再次為空
uj5u.com熱心網友回復：
您可以檢查是否nft是當前狀態，如果是，請將其設定為空或任何所需的值將其設定為狀態..（假設您只將一個nft放入selectedNFT）
onClick={() => {
selectedNFT === nft ? setSelectedNFT("") : setSelectedNFT(nft)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/527414.html