フォーカスとブラーの成分は、ここで試薬

Question

の異なるコンポーネントのアクションの後に私のClojurescriptコードです。私は入力状態（その値と無効状態）を私のapp-dbに保存しておき、自分のコンポーネントでそれらを購読しています。したがって、これらの小道具のいずれかが変更されると（つまり、私のフォーカスラッパーのためのものです）、コンポーネントにフォーカスを強制するのは簡単です。

しかし、スキップボタンをクリックすると、入力にフォーカスを当てる方法を見つけるのには苦労しています。私が知る限り、this is a typical justifiedのReactのrefのユースケースは、Reagentで動作が異なるようです。

Reagent/re-frameでこの特定のフォーカス管理の問題を解決する方法をお勧めしますか？

Answer 1

効果の使用は順調だと思います。

(reframe/reg-event-fx 
    :next-char 
    (fn [cofx [_ a]] 
     (.focus (.getElementById js/document "text-field-id")) 
     {})) 


    ... 
    [:button {:type "button" 
      :on-click #(dispatch [:next-char])} 
      "Skip"]