這是一個 NFT 鑄造 dAPP。我在使用 nextjs 構建的 Web 應用程式中有 4 個不同的 NFT 鑄造頁面，在每個鑄造頁面之后，我都會出現一個按鈕，上面寫著“在 OpenSea 上查看”。
當您單擊此按鈕時，我希望它會打開一個新選項卡并將您發送到單個串列，鏈接如下所示：
“testnets.opensea.io/assets/mumbai/0xb636c1a63c3b092a7c74304b1947b0162d08a1e4/0”。
0xb63... 是合約地址，/0 是 tokenID。我將 tokenId 保存在資料檔案中，將該道具傳遞到我的應用程式的其他區域。但我不知道如何將其放入 URL。
這是我到目前為止所擁有的：
const url =
"testnets.opensea.io/assets/mumbai/0xb636c1a63c3b092a7c74304b1947b0162d08a1e4/{props.id}";
window.open(url, "_blank");
};
但它不起作用。對此的任何幫助表示贊賞。這是我的倉庫中該行的鏈接：https ://github.com/redbrickmedia/rdbrck-nft/blob/0872e3bbd69ae12ff2b2d5532d5e0da0c78663fa/components/Buttons.js#L52
uj5u.com熱心網友回復：
剛剛嘗試了您的代碼并且作業正常，但我的瀏覽器會自動阻止編程彈出視窗。我建議用一個替換按鈕，<a href="url" target="_blank">讓它看起來像你的 FilledButton。
也許是因為您的道具沒有被插值，請嘗試以下操作：
function YourComponent(props) {
const targetUrl = `https://testnets.opensea.io/assets/mumbai/0xb636c1a63c3b092a7c74304b1947b0162d08a1e4/${props.id}`
return (
<a href={targetUrl}> Click here</a>
)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/493758.html
標籤：javascript 网址 下一个.js nft 外海