how to set two rect with 2 zIndex?

      <Rect   zIndex={100} id="upper-rect"    draggable="true" x={2} y={0} width={100} height={1000} fill={'#555555'} onClick={null}/>
                      <Rect    zIndex={5}   id="lower-rect"   draggable="true"  x={20} y={20} width={50} height={50} fill={'#777777'} onClick={null}/>

Don’t works.

[lavrton]

You need to have a state with an array of rectangles. Instead of setting zIndex, you just need move them in the array and then render.

[lavrton]

Ok. Looks like zIndex is confusing in react-konva. We should add a warning when someone trying to use it. It is totally good to use zIndex in pure Konva. But it has no sense in react-konva, because for a correct order you just need to correctly define render function.