scroll spy 강사님 태그

import React, { Component } from 'react';
import {    
    Navbar,   
    NavbarBrand,
    Nav,    
    UncontrolledDropdown,
    DropdownToggle,
    DropdownMenu,
    DropdownItem } from 'reactstrap';

import ScrollspyNav from "react-scrollspy-nav";

class Header extends Component {
    constructor(props) {
        super(props);
    
        this.toggle = this.toggle.bind(this);
        this.state = {
          isOpen: false
        };
      }
      toggle() {
        this.setState({
          isOpen: !this.state.isOpen
        });
      }
    render() {
        return (
            <div className='bg-light position-fixed top-0 start-0 end-0' id="hd">
               
                    <Navbar className='container-lg' color="light" light expand="sm">
                        <h1>
                            <NavbarBrand href="/">로고삽입</NavbarBrand>
                        </h1>                    
                        <Nav tag="div" className="ml-auto justify-content-end flex-row" navbar>
                       
                        <ScrollspyNav
                            scrollTargetIds={["sec1", "sec2", "sec3"]}
                            offset={100}
                            activeNavClass="is-active"
                            scrollDuration="1000"
                            headerBackground="true"
                        >
                            <ul className='d-flex'>
                            <li><a href="#sec1">Section 1</a></li>
                            <li><a href="#sec2">Section 2</a></li>
                            <li><a href="#sec3">Section 3</a></li>
                            <li><a target='_blank' href="https://github.com/reactstrap/reactstrap">외부입력은 href로</a></li>
                            </ul>
                        </ScrollspyNav>        
                         <UncontrolledDropdown  inNavbar className='position-fixed bottom-0 end-0'>
                                <DropdownToggle nav caret>
                                  공유버튼
                                </DropdownToggle>
                                <DropdownMenu end className='position-absolute bottom-100 '>
                                    <DropdownItem>
                                        깃주소
                                    </DropdownItem>
                                    <DropdownItem>
                                        구글기획
                                    </DropdownItem>                                
                                    <DropdownItem>
                                        잡코리아
                                    </DropdownItem>
                                </DropdownMenu>
                         </UncontrolledDropdown>
                        </Nav>
                    </Navbar>
                
            </div>
        );
    }
}

export default Header;