데이터 타겟이 작동하지 않습니다 - React-bootstrap

드롭 다운이있는 간단한 사이드 바를 가지고 있습니다. 클릭시 드롭 다운이 토글되도록하고 싶습니다. 나는 이것을 위해 data-target 속성을 사용했다. 그러나 예상대로 작동하지 않습니다.데이터 타겟이 작동하지 않습니다 - React-bootstrap

<div className="dropdown"> 
    <span className="dropdown-toggle" data-toggle="collapse" data-target="#target">Toggle Dropdown</span> 
    <ul id="target" className="collapse"> 
     <li><a href="#"><i className="fa fa-bar-chart"></i><span className="menuName">Options</span></a></li> 
    </ul> 
</div>

어떻게 반응 js에서 이것을 수행합니까 ??

출처

2017-11-24 Mr.Noob

반응 부트 스트랩 라이브러리를 사용하고 있습니까? 아니면 반응 코드 내에서 일반 부트 스트랩 라이브러리를 사용하고 있습니까? –

일반 부트 스트랩 라이브러리 @MarioNikolaus –

오류가 발생했습니다. Btw 당신의 span 태그는 닫히지 않았습니다. 또한 부트 스트랩 문서에서'드롭 다운의 트리거를 감추고 .dropdown 내의 드롭 다운 메뉴' –

데이터 속성은 정상적으로 작동합니다. className 대신 첫 번째 범위를 제외한 모든 요소에 class 특성을 사용하고 있기 때문에 구문에 오류가 있습니다.

출처

2017-11-24 07:17:58

나는 그것을 바꿨다. 아직도 그것의 작동하지 않는다 –

제목에 언급 된대로 react-bootstrap을 사용하고 태그를 추가 한 경우 드롭 다운을 얻을 수있는 방법입니다.

<DropdownButton title="Dropdown" id="bg-vertical-dropdown-1"> 
    <MenuItem eventKey="1">Dropdown link</MenuItem> 
    <MenuItem eventKey="2">Dropdown link</MenuItem> 
</DropdownButton>

출처

2017-11-24 07:28:09

쇼 나는 이것을 위해 무엇이든을 수입 하는가? –

읽어보기 : https://react-bootstrap.github.io/getting-started.html –

데이터 타겟이 작동하지 않습니다 - React-bootstrap

답변

관련 문제