2017-03-23 2 views
0

を閉じる必要がありアコーディオンのリアクト(JSX)コードがされるすべてのアイテムが中に最初に開かれたアプリに反応を示しますアイテムを開閉することができます。彼らが最初に開いているということだけです。私は$("#receipes").collapse("hide");を使用したくないので、jQueryコードをReactに入れるのはいいことではありません。あなたのcodepenでブートストラップのアコーディオンは、ここで

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

チェックライン#48:(?他の意見)

+0

良く見えます/ 27846480/6499571)を使用してブートストラップとReact.jsを結合します。 [react-bootstrap](https://react-bootstrap.github.io/components.html#panels)を使用するのがあなたの選択肢であるかどうかはわかりませんが、通常は最良の選択です。それはパネルをサポートし、あなたはReactの状態を使用してパネルを折りたたむことができます。 –

+0

私はこれを試してみます.. – Michael

答えて

1

はあなたの問題は、あなたがこの行にclass代わりのclassNameを使用していることです。

ところで、私はこの行id={"collapse"+(i++)}も同じように書くことができると思います。http://stackoverflow.com/a([問題がある]

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

は、このような行為

関連する問題