React - 드롭 다운 메뉴가 너무 빨리 닫힙니다.

Question

이 드롭 다운 메뉴가 있는데 부모와 자식 선택자 사이에 간격이 있습니다. 그것이 빨리 닫히게합니다.
Fiddle

render() { 
    return (
     <div class="dropdown-wrapper"> 
      <div class="image">Image</div> 
      <ul class="dropdown-container"> 
       <li class="dropdown-list">Nothing</li> 
       <li class="dropdown-list">Help</li> 
       <li class="dropdown-list">Settings</li> 
       <li class="dropdown-list">Logout</li> 
      </ul> 
     </div> 
    ); 
    } 

나는 몇 가지를 시도했다. 같은 동작

변경 CSS 나는이 문제를 해결할 수있는 방법

JQuery와

를 사용하여 시도

결과 onMoverOver와 onMouseOut을, 반응 사용

1. . 내가 뭘 잘못하고 있었는지 알려주지?

   .dropdown-container에

Answer 1

margin-top: 0; - 당신은 더 이상 유혹하는 DIV 당신이 .image을 이동하지대로 즉시 .dropdown-container 사업부의 마진을 가지고 있기 때문에 ... 그래서 드롭 다운 닫힙니다. 나는 수정의 높이와 폭을 추가 패딩과 이미지가

.dropdown-wrapper > .image { padding-bottom: 15px; }

Fiddle Update