割り当てられた変数 props の優先サイズが正しく機能しません。

Question

エディター用にドラッグ可能な分割パネルを作成したいと考えています。その動作は主に、CodeSandbox の Console パネルに似ています:

1. 「コンソール 」をクリックすると、パネルが展開され、矢印が ArrowDown に変わり、閉じられます。
パネルの境界線はドラッグ可能です。
展開されたパネルで
3. Console をクリックすると、パネルが閉じ、矢印が ArrowUp に変わり展開されます。

次のコードがあります (https://codesandbox.io/s/reset-forked-ydhy97?file=/src/App.js:0-927)、作成者: https://github.com/johnwalley /割り当て。問題は、

preferredSize プロパティが this.state.toExpand の後に変更されないことです。

なぜこれが機能しないのかわかる人はいますか?

ああああ

Answer 1

これは問題ではありませんが、変更されました。ただし、 ドキュメント には次のように記載されています。 プロップが変更されたときに更新されるように構成されていませんが、境界線を ArrowDown に設定した後にダブルクリックすると、境界線が 50% にリセットされます。

対照的に、最初にコンストラクターで参照を初期化することによって、Allotment 要素に参照を追加すると、次のようになります。 リーリー

そしてそれを小道具として指定します:

リーリー

次に、アンワインド オプションを変更するときにリセット関数が呼び出されるように、setState にコールバックを追加できます。 リーリー

サイドノート

、割り当てコンポーネントには、setState コールバックでリセットを呼び出す前に新しいプロパティの変更を処理する時間がないようですが、これは私にとって意味がありません。

hacky setTimeout を 0ms にすると、この問題を解決できます: リーリー