reactjs - 反応グリッドレイアウトでカスタムプレースホルダーをレンダリングする方法

Question

反応グリッドレイアウトでカスタムプレースホルダー(赤いアイテム)をレンダリングする方法はありますか?

<img src...>たとえば、この赤いプレースホルダーにいくつかをレンダリングしたいと思います。

これに関する情報は、公式ドキュメント ( https://github.com/react-grid-layout/react-grid-layout )で見つかりませんでした。

任意のヒント？

Answer 1

CSS クラス.react-grid-placeholderを使用して、プレースホルダーをオーバーライドできます。これは、インポートする CSS スタイルの一部です。スタイルをインポートする場所：

import 'react-grid-layout/css/styles.css';
import 'react-resizable/css/styles.css';

import './yourstyles.css';

yourstyles.css では、次のように画像を背景として使用できます。

.react-grid-item.react-grid-placeholder {
    background-color: background-image: url("imageURL")
  }