問題タブ [semantic-ui-css]

私はセマンティックUIを使用しています（react-semantic-ui経由）。メニュー列の下部にログオン用の小さな領域が必要です。

私はこれを持っています：

これ欲しい：

を使用して上記を実行しましたが、手動スタイルなしでそれを実現するposition: absolute; bottom: 0セマンティック ポジショニング クラスまたはコンポーネントを使用することに賭けています。react-semantic-ui

私のコンポーネントは次のとおりです。

SemanticUI を使用して、ドロップダウン メニューにネストされたドロップダウン アイテムを含むフォームを挿入することは可能ですか?

これが私の意味を示すためのフィドルです： https://jsfiddle.net/Nanego/tnv34c7b/5/

セマンティック UI カードを使用して左側の画像を使用することは可能ですか? ドキュメントには、画像が常に一番上にある例が示されています。私が取得したいのは、次のようなセマンティック UI アイテムのようなものです (ただし、もちろんカードを使用したいです)。

私が取得したいのは次のようなものです：

ご覧のとおり、画像は左側にあり、セマンティック UI カードに似たものです。

セマンティック UI トランジション (css、js) を使用しており、フェードインする html オブジェクトがいくつかあります。

次に、jQuery スクリプトから呼び出すことで、それらを順番にフェードできます。

したがって、それらはdiv1からdiv5へと順番にフェードインし始めます。ここで、 div1、div4、div5、div2、 div3 の順にフェードさせたいとしましょう。以下のような2つの異なるクラスでonCompleteを試しましたが、個々のコンポーネントがフェードした後にトリガーされます。

および jQuery スクリプト:

したがって、異なるクラス (1,4,5) と (2,3) を作成しても役に立ちません。最後の解決策はカスケード機能ツリーを作成することですが、(5 つだけではなく) 多くのコンポーネントがあるため、これは望ましくありません。

Semantic UI Reactを使用して、マルチレベル メニュー コンポーネントまたはネストされたメニューを作成しようとしています。

以下のような静的メニュー コンポーネントを作成できました。

ここで出力を確認してください

以下のようなそのメニューの動的コンポーネントを作成しようとしていました-

}

しかし、正しく表示されません。これはサンプルデータです。