2017-12-31 151 views
3

Reaff with Reafflet을 사용하고 있으며 사용자가 버튼을 클릭하지 않고도 구성 요소 마운팅 즉시 도면 메뉴를 시작하려고합니다. React Leaflet Draw API는 약간 불투명합니다.이 간단한 작업을하기 위해 사용자가하지 않고도 프로그래밍 방식으로 적절한 버튼을 클릭하는 것이 좋습니다. 그러면 버튼을 숨길 것입니다.React 요소 클릭 시뮬레이션

문제는 .click() 또는 MouseEvent ('클릭') API를 사용하여 문제가 발생하지 않는다는 것입니다. 후자에 대한 나의 시도는 다음과 같습니다.

내가 잘못하고있는 것에 대한 생각은 무엇입니까?

답변

2

귀하의 simulateClick 메서드는 이벤트를 생성하지만 결코 발송하지 않습니다. 추가를 시도하십시오 elem.dispatchEvent(evt);

하지만이 방법을 마우스 오른쪽 버튼으로 클릭해야만 초기 부작용이 발생합니다. Leaflet에 익숙하지 않지만 초기 상태를 설정하는 API가 있는지 확인할 가치가 있습니다.

+0

아니요,이 방법으로 발송하는 것은 효과가 없습니다. –

+0

위의 코드에서 발견 한 또 다른 문제는 getElementsByClassName이 단일 요소가 아니라 배열을 반환하고 로그 아웃을 시도하고 클래스 이름이 단 하나의 요소와 일치하는지 확인합니다. 그렇다면 마지막으로 [0]을 추가합니다. 즉 문서 .getElementsByClassName ('전단지 - 그리기 도구 모음') [0]; – luanped