3

Draft.js を Reagent に適応させることができた人はいますか? Draft.js が を介してすぐにインポートされると、編集上のかなりの問題が発生しreagent/adapt-react-classます。カーソルがジャンプしたり、入力中に記号が消えたり、onChange間違った で呼び出したりEditorState、名前を付けたりします。

Clojurians/reagent の Slack チャンネルでこのような問題が報告されていますが、今のところ解決策はないようです。

どんな助けでも大歓迎です。

4

2 に答える 2

4

わかりました、 tonskyのおかげで、私は答えを得ました。Reagent/Rum は で遅延レンダリングを使用していますがrequestAnimationFrame、が設定されているDraft.Editor場合はすぐに再レンダリングする必要がありますeditorState。

必要なのは、エディターが呼び出さforceUpdateれるたびにエディターの親コンポーネントを呼び出すことだけです。onChange

:editorState @editor-state-atom
:onChange    (fn [new-state]
               (reset! editor-state-atom new-state)
               (.forceUpdate @wrapper-state))

コード例は試薬用で、ラム用のソリューションは同じです

于 2016-06-21T18:01:36.073 に答える
0

単なるアイデアです (コメントのようなものですが、まだコメントを提供することはできません)。私の記憶が正しければ、:content-editable 属性は Reagent 内で特別な方法で処理されるためです。

Draftjs エディターが Reagent から呼び出されたときに問題が発生するように見えるため、Reagent-component を React-component に変換し (agent/reactify-component を使用)、この「反応した」コンポーネントを反応として使用することは役に立ちません。 -試薬/要素の作成を使用して、試薬内のコンポーネント? その後、Reagent は Draftjs エディターに干渉することを控えると思います。

于 2016-06-09T17:50:54.830 に答える