React Fullpage and middle header CSS

i'm wondering the way to get the state for each section, using React fullPage.js.

I want to know the way to get section's state, so i can give the css property to the header for each different sections.

Such as, when you get to the website, the header is shown. However, from the second page, the header goes on disapper(display:none).

Thanks for giving me a hand !

You can use multiple methods:

• Using fullpage.js callbacks (See JS example or React Example)

• Calling fullpage_api.getActiveSection (See example)

• Using CSS state classes (See example or example 2)