Dynamically updating currentPage for InPageNavigationItem

[bvsillorequez]

Hey there!

I am using InpageNavigation and InPageNavigationItem. I am using this within a page in one admin where when I click the link it takes me to the position on a page. I am creating the links dynamically and I wasn't able to find an example where currentpage is not set statically. The problem I'm finding here is that without a re-render of a page, the currentpage isn't being applied. I tried to mutate the object (i.e. link.currentpage = true) and have currentpage={link.currentpage} but that didn't work. Is there an example and a way to do this dynamically? And a way to do this dynamically without having to re render the page?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that. The documentation does not provide an example or method for dynamically setting the currentPage prop in the InPageNavigationItem.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• In page navigation vs Tabs question (updated: 10/11/2023, similarity score: 83%)
• Use Anchor in react-router-dom Link (updated: 05/08/2023, similarity score: 83%)
• In page navigation vs Tabs question - Answer (updated: 10/11/2023, similarity score: 82%)

[SiTaggart]

Hi @bvsillorequez

Can you supply a CodeSandbox or something to demonstrate a reproduction of the behavior you're seeing?

I will say though, Sidebar navigation is designed around a construct of "pages" that relate to a url. Current page is more about decorating the Anchor such that it tells the screen reader user that that link will take them to the page they are already on. It's not designed for skip links.

If you're looking for skip links we recommend something like our Table of Contents on the doc site, which the Docs team recreated for themselves pretty easily.

Examples:

• https://paste.twilio.design/components/account-switcher#account-switcher
• https://www.twilio.com/docs/twilio-cli/general-usage/profiles#set-an-active-profile

[nkrantz]

Hey @bvsillorequez - gentle reminder to provide a reproduction of this behavior so that we can take a look. Otherwise we'll mark the Discussion as "answered" for now. Thanks