データターゲットが動作していない - リアブートストラップ

私は単純なサイドバーにドロップダウンを持っています。私はドロップダウンをクリックするとトグルされるようにしたい。私はこれにデータターゲットプロパティを使用しました。しかし、期待どおりに動作しません。データターゲットが動作していない - リアブートストラップ

<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あなたのスパンタグは閉じられていません。また、ブートストラップのドキュメントには、 'ドロップダウンのトリガーと.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 –

データターゲットが動作していない - リアブートストラップ

答えて

関連する問題