問題タブ [office-ui-fabric]

私はoffice ui fabric-reactに非常に慣れておらず、一般的に反応するので、完全に間違っている場合は遠慮なく指摘してください。

私の要件はかなり単純ですが、理解できません。

リスト ビュー (office-ui-fabric-reactjs の DetailsList コンポーネント) を含むページがあります。この DetailsList は、正常に動作している API エンドポイントからアイテムを取得します。

DetailsList は完全に埋められています。ただし、各行に「編集」ボタンを追加したいので、これは別の列ではありません。

私onRenderRowは、DetailLists がレンダリングされるプロパティでこれを行うと考えました。

onRenderRows関数では、最初にすべての小道具DetailsRowを取得してから、[編集] ボタンを追加します。

問題は、ボタンがデータのある行の下に表示され続けることです。追加してこれを修正する必要がcssありますか、または同じ行にボタンを取得するための最良のオプションは何ですか?

これを達成する簡単な方法はありますか？また、ボタンに列を追加するオプションを試したり調査したりしましたが、これは道だとは思いませんし、うまくいきませんでした。

ちなみに、私は TSX ではなく ES6 でファブリック コンポーネントを使用しています (お気づきかもしれませんが)。

office-ui-fabric ドロップダウンの 'onChanged' イベントに提供されるコールバックを単体テストする必要があります (spyOn および expect(callback).toHaveBeenCalled() を使用)。問題は、このイベントをトリガーする方法がわからないことですか? DOM を見ようとしましたが、トリガーできる html select タグがありません。また、選択したアイテムの状態を (ドロップダウン コンポーネントで) 変更しようとしましたが、Jest で、ルート要素の状態しか変更できないというエラーが表示されます (ドロップダウン コンポーネントに浅くマウントしてダイブしてみました)。 ）。これを達成する簡単な方法はありますか？

私は酵素とこのコードでJestを使用しています:

そして、このhtmlを出力します：

「.ms-Dropdown-item」はありません