Reactでいい感じのサブウィンドウを実装する ③ リサイズ機能をON/OFF切り替える

シリーズ記事です。
初めての方は、こちら を最初に読んでください

Reactでいい感じのサブウィンドウを表示する際にリサイズ機能をON/OFF切り替えたい場面がよくあるので、

今回は、この方法について紹介します。

やり方

RndのdisableDraggingというプロパティに値を指定してあげるとON/OFFの切り替えがでできます。

例1 リサイズ機能ON　

<Rnd enableResizing={true}>test</Rnd>

※ デフォルトは　trueなので指定しなくても大丈夫です。

例2 リサイズ機能OFF

<Rnd enableResizing={false}>test</Rnd>

最後に

プロパティを一つ指定するだけでリサイズ機能のON/OFFの切り替えができるようになりましたね

次は、ウィンドウ動かす機能のオンオフのやり方について紹介していきます。

最後まで読んでよかったらLGTMお願いします！

まとめ記事 もあるのでよければこちらもみてください