do you have parameter to remove the prefix 0x ?

[wade-liwei]

do you have parameter to remove the prefix 0x ?

[bpierre]

(I converted this issue to be a discussion)

For the badge, you can pass a function to the label parameter to achieve this:

<Addreth
  address="0x…"
  label={(address) => address.replace(/^0x/, '')}
/>

[wade-liwei]

If I use client rending,there will be new problem.
I want to use server rending, Please help me.

[bpierre]

Hi @wade-liwei, yes this should be used in a "use client" as addreth is using (client) state.

Are you using Next? You probably could split your "use server" page in smaller components, and use addreth and other stateful components in separate "use client" files.

[wade-liwei]

Yea, I am using Next,
Could you please give me an example?

[wade-liwei]

I am a backend enginner, frontend beginner.

[bpierre]

Yes, the example is based on Next: https://github.com/bpierre/addreth/tree/968cd25eb4947b02a159c050ca12ad6f1c26c0d9/examples/nextjs

[wade-liwei]

very nice,

right now,only have one question,How do I to add a callback when I click the copy button to remove the prefix '0x'.

[bpierre]

There is no API to do this, so it would only be possible by modifying this line:

addreth/src/CopyButton.tsx

Line 47 in 968cd25

void navigator.clipboard.writeText(content);

Could you describe your use case?

[wade-liwei]

got it, thanks.