我正在使用next.js和web3构建一个应用程序。为了将用户钱包连接到前端,我使用了以下方式的web3modal:
用户可以成功连接钱包,不幸的是,
const Home: NextPage = () => {
const [signer, setSigner] = useState<JsonRpcSigner | null>(null)
async function connect() {
const web3Modal = new Web3Modal()
const connection = await web3Modal.connect()
const provider = new ethers.providers.Web3Provider(connection)
const signer = provider.getSigner()
setSigner(signer)
}
return (
<div className="flex justify-center">
<button onClick={() => connect()}>Connect wallet</button>
{ signer && (
<h3>wallet connected: {signer._address}</h3>
)}
</div>
)
}
用户可以成功连接钱包,不幸的是,
signer._address
一直为空。我想显示给用户刚刚连接的地址,该如何修复?