問題タブ [office-fabric]

同様の質問がされていますが、同じではありません。Ref1: Office React Fabric コンポーネントのエラー メッセージバーを閉じるにはどうすればよいですか? Ref2: Office UI ファブリック パネルが閉じない

私の質問は次のとおりです。親コンポーネントの削減とプッシュを介して MessageBars を追加しています。_onDismiss を親に移動し、「閉じる」ボタンをマウスでクリックすると、正しい MessageBar のインデックスを作成しています。しかし、どうすればアレイから削除して閉じることができますか?

編集:私は配列から、またウェブ上のリストから削除することができました。唯一の問題は、(MessageList の親から) 追加された最後の状態を保持していることです。最後の要素を削除する修正に取り組んでいます。

ボーナスの質問: エラーではなく、情報と成功にタイマーを追加するにはどうすればよいですか?

配列から削除していないため、コードが繰り返しで群がってしまったため、map から reduce に変更する必要がありました。以前のstackoverflowの投稿と同じことをすると、同じものがすべて削除されます。

allFeedback は、ユーザーへのメッセージを含むオブジェクトの配列であり、タイプは「エラー」、「成功」、または「情報」です

親：

子コンポーネントはすべて同じですが、どれを画面に追加するかを確認するためのチェックが異なります。

「閉じる」ボタンを押すと削除され、アレイからも削除されると予想されます。しかし、私はそれを行うことができないので、3〜4回のクリックでループが30回になることに固執しています。それが、コードに if を追加した理由でもあります。ただし、タイマーを追加する場合は、タイマーが配列から削除されるようにするとよいでしょう。

編集: _onDismiss の下のコードを使用して、配列と Web から削除することができました

これは私が現在持っているものです：

ツールチップはホバー時に表示されます。フォーカスのみで表示したい。
状態で制御せずにそれを行う方法はありますか?

私はこのコードを持っています:

特定の条件が満たされた場合、選択したキーの更新をブロックしたい。
しかし、ドロップダウンには、クリックしたオプションが選択済みとして視覚的に表示されます。
この動作を防ぐにはどうすればよいですか?