ایجاد اسکرول اسپای در ری اکت جی اس

درود

پکیجی هست به نام react-scrollspy که می‌تونید ازش به شکل زیر استفاده کنید:

import Scrollspy from 'react-scrollspy'

...

<div>

  <div>
    <section id="section-1">section 1</section>
    <section id="section-2">section 2</section>
    <section id="section-3">section 3</section>
  </div>

  <Scrollspy items={ ['section-1', 'section-2', 'section-3'] } currentClassName="is-current">
    <li><a href="#section-1">section 1</a></li>
    <li><a href="#section-2">section 2</a></li>
    <li><a href="#section-3">section 3</a></li>
  </Scrollspy>

</div>

https://www.npmjs.com/package/react-scrollspy

همچنین react-scrollspy-nav هم هست . می‌تونید به مستنداتش سری بزنید:
https://www.npmjs.com/package/react-scrollspy-nav

@ali.bayat ممنون از توجه شما
بله این پکیج رو دیده بودم ، ولی من کامپوننت هام تو در تو هست ، برای اونها جواب نمیده

بالاخره هرقدر هم تودرتو باشند... باید بتونید یه id براشوند assign کنید