“So scrollen Sie Naval -Links zum Reagieren von Komponenten” Code-Antworten

So scrollen Sie Naval -Links zum Reagieren von Komponenten

import React, { Component } from 'react'
import Scroll from 'react-scroll'
const ScrollLink = Scroll.ScrollLink

class Navbar extends Component {

render() {
  return (
    <nav>
      <ScrollLink 
        to="example-destination" 
        spy={true} 
        smooth={true} 
        duration={500} 
        className='some-class' 
        activeClass='some-active-class'
      >
        Link Text Goes Here
      </ScrollLink>       
    </nav>
  )
}

export default Navbar;
Ana Isabel Iturbe

So scrollen Sie Naval -Links zum Reagieren von Komponenten

import React, { Component } from 'react'
import { Element } from 'react-scroll'

export default function () {
  return (
    <React.Fragment>
    
      <Element id='example-destination' name='example-destination'>
        // wrap your content in the Element from react-scroll
      </Element>

    </React.Fragment>
  )
}
Ana Isabel Iturbe

Ähnliche Antworten wie “So scrollen Sie Naval -Links zum Reagieren von Komponenten”

Fragen ähnlich wie “So scrollen Sie Naval -Links zum Reagieren von Komponenten”

Weitere verwandte Antworten zu “So scrollen Sie Naval -Links zum Reagieren von Komponenten” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen