<div>
<div className="section">
<p>Section 1</p>
<button onClick={() => fullpageApi.moveSectionDown()}>
Move down
</button>
</div>
<div className="section">
<p>Section 2</p>
<button onClick={() => fullpageApi.moveSectionUp()}>
Move up
</button>
</div>
<div className="section">
<p>Section 3</p>
</div>
</div>
import React from 'react';
import ReactDOM from 'react-dom';
import ReactFullpage from '@fullpage/react-fullpage';
const fullpageOptions = {
anchors['page1','page2','page3']
};
const FullpageWrapper = fullpageProps => (<ReactFullpage
{...fullpageProps}
render={({ state, fullpageApi }) => {
return (HTML_HERE);
}}
/>);
ReactDOM.render(<FullpageWrapper {
...fullpageOptions
} />, document.getElementById('react-root'));