TypeError: childMap is undefined | Uncaught TypeError: Cannot read property 'zIndex' of undefined about react-drag-resize HOT 3 CLOSED

sorry, you need to use layout props, it can not be empty now.

from react-drag-resize.

Hi,

I'm trying to get this to work just to see what it looks like, getting same error:
TypeError: Cannot read property 'zIndex' of undefined
124 | this.getDragProps(),
125 | React.createElement(
126 | 'div',

127 | { style: Object.assign({}, boxStyle, { zIndex: childMap.zIndex }) },
128 | React.createElement(
129 | _reactResizableBox2.default,
130 | _extends({ ref: function ref(resize) {

const sampleLayout = [{ key: 1, width: 100, height: 1000, x: 0, y: 0, zIndex: 1 } ]

          <div><DragResizeContainer layout={sampleLayout}>
                    <div></div>
                  </DragResizeContainer></div>

An example would be really useful!

from react-drag-resize.

I add two rules for you question because of my old wrong demo.

• child must use absolute style for position confirmation. Like style class: child-container size-auto
• child must have key, key suggest use string

1、You need to debug source code, console what childMap is? I use sampleLayout, did not have any problem.
2、The demo I used before have some problem, So I add a new demo. Please view and follow it strictly.
If you still have something not understand , please tell me.

from react-drag-resize.