2017-03-23 7 views
0

을 닫아야합니다 아코디언의 반작용 (JSX) 코드는 모든 항목에서 처음 오픈 응용 프로그램 반응을 보여줍니다 항목을 열고 닫을 수 있습니다. 그것은 그들이 처음에 열려 있다는 것입니다. 나는 $("#receipes").collapse("hide");을 사용하지 않으려 고하지만, jQuery 코드를 React에 넣는 것은 좋지 않습니다. (다른 의견?)부트 스트랩의 accordeon은 여기

+0

이 종류를 보이는 http://stackoverflow.com/a :

그리고 그런데

, 내가 좋아하는이 라인 id={"collapse"+(i++)}도 기록 할 수 있다고 생각/27846480/6499571)에서 부트 스트랩을 React.js와 결합하면됩니다. [react-bootstrap] (https://react-bootstrap.github.io/components.html#panels)을 사용하는 것이 옵션인지는 모르지만 일반적으로 최선의 선택입니다. 패널을 지원하고 React의 상태를 사용하여 패널을 접을 수 있습니다. –

+0

나는 이것을 시도 할 것이다 .. – Michael

답변

1

귀하의 문제는 당신이이 줄에 class를 사용하는 대신 className한다는 것이다 : 당신의 codepen에

<div id={"collapse"+(i++)} class="panel-collapse collapse">

체크 라인 # 48. ([문제입니다]

id={`collapse${i++}`} 

행동의 더 나은