Project Day 2-開発ログ

- TODAY I LEARN 🎁

-学んだこと

// hover with css code
  <nav className={this.state.isVisible ? 'Nav active' : 'Nav hidden'}>
        <BreadCrumb />
        <div className='navWrapper'>
          <ul className='productsNavMenu'>
            <li className='navMenuItem'>
              <Link className='navMenuLink>
                SHOP
              </Link>
			// imported component
              <Dropdown />
            </li>

	... more code
        
 </nav>

.navMenuItem {
        background-color: lightskyblue;
        margin-right: 20px;
        padding: 16px 0;
        .navMenuLink {
          display: block;
          &:hover {
            color: #0e0;
            transition: color 0.2s;
          }
        }
// --------keypoint------------
         .Dropdown {
           display: none;
         }
         &:hover {
           .Dropdown {
             display: block;
           }
         }
      }

-知らない

-うまくやっている点と改善すべき点

- Tody I Met Error 🌡

- HOW TO FIX MY ERROR 💊

reference