問題タブ [blazor-webassembly]

コンピューターの Web カメラからビデオをキャプチャする Blazor WebAssembly アプリケーションがあります。Web カメラにリンクされているビデオ要素が非表示になっています。ビデオ フィードは、HTML キャンバス要素に描画されます。

キャンバスで GetImageData() を呼び出すために JSInterop を使用しています。この関数は、キャンバスの一部の画像を画像として返します。

JavaScript 関数から画像を返すと、次のようになります。

「dotnet.wasm:1 Uncaught (in promise) RuntimeError: 範囲外のメモリ アクセス エラー」

HTMLは次のとおりです。

問題の原因となっているコードは次のとおりです。OnTimedEvent の行に絞り込みました。

JavaScript は次のとおりです。

私はフラクサーとそれが基づいている還元/フラックスパターンに不慣れです。現在、Blazor wasm プロジェクトに取り組んでいます。状態管理にフラクサーを使用することにしました。しかし、次のシナリオをどのように処理するのか疑問に思っています。

ページが読み込まれると、コンポーネント 1 は API トラフ フラクサー状態管理からのデータで満たされます。

コンポーネント 1 は、ユーザーが選択できるアイテムのリストです。クリックすると、この項目が API から取得され、コンポーネント 3 内に完全に表示されます。アクティブな項目を表すテキストがコンポーネント 2 に表示されます。

コンポーネント 2 は、単純な [戻る] ボタンと [次へ] ボタンを使用してリストを移動するナビゲーターです。[次へ] をクリックすると、コンポーネント 3 は API から次の項目を取得し、項目全体を表示する必要があります。次に、コンポーネント 1 は、リストのどの項目が選択されているかを示すことで、この変更を反映します。

完全なアイテムを取得するためのアクションなどがあります。ただ、どこから発送すればよいかわかりません。または、アクティブなアイテムが何であるかをすべてのコンポーネントが認識していることを確認する方法。「純粋な」ブレザーでは、これをすべてトラフ イベント コールバックで行い、アクティブなアイテムの状態をローカルで処理します。しかし、それはフラクサーのポイントを無効にします。

リストと編集ページを備えた Blazor WebAssembly アプリがあります。

エンティティのリストを表示し、NavLink コンポーネントを使用して編集するエンティティをクリックすると、ページが読み込まれるまでブラウザが編集ページに移動し、Loader コンポーネントが表示されます。

それはうまくいきます。

[編集] ページで [保存] をクリックし、成功した場合は [リスト] ページに戻ります。

私が期待しているのは、List ページに移動し、Loader コンポーネントを再度表示して、List ページをレンダリングすることです。

リストページがレンダリングされるまで編集ページに留まり、ローダーコンポーネントが表示されず、ユーザーには編集ページにぶら下がっているように見えます。

OnValidateSubmitAsync回避策は、エンティティの保存が完了した後で、ローダーを に表示することです。

私は Blazor を初めて使用していますが、まだページのライフ サイクルを下げているため、私のアプローチが間違っている可能性があります。ここで何が起こっているのか、そしてリストページをローダーで強制的に表示する方法があるかどうかについて少し混乱しています。

うまくいけば、それはある程度の意味がありました。