Guest User

Untitled

a guest
Aug 13th, 2019
113
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from "react";
  2. import { Link, animateScroll as scroll, scroller } from "react-scroll";
  3.  
  4. class Navbar extends Component {
  5. render() {
  6. return (
  7. <div>
  8. <ul>
  9. <li>
  10. <Link to="section1" activeClass="active" spy={true} smooth={true}>
  11. Section 1
  12. </Link>
  13. </li>
  14. </ul>
  15. </div>
  16. );
  17. }
  18. }
  19.  
  20. export default Navbar;
  21.  
  22. import React from "react";
  23.  
  24. // Styling
  25. import "./styles/App.css";
  26.  
  27. // Components
  28. import Navbar from "./components/Navbar";
  29. import SectionOne from "./components/SectionOne";
  30.  
  31. function App() {
  32. return (
  33. <div className="App">
  34. <div>
  35. <Navbar />
  36. <SectionOne id="section1"/>
  37. </div>
  38. </div>
  39. );
  40. }
  41.  
  42. export default App;
RAW Paste Data