ReactJS KonvasJS如何创建两个不能重叠的层

npm install konva

import React from 'react';
import { Stage, Layer, Rect } from 'react-konva';

class App extends React.Component {
  render() {
    return (
      <Stage width={window.innerWidth} height={window.innerHeight}>
        <Layer>
          {/* 第一个层 */}
          <Rect
            x={20}
            y={20}
            width={200}
            height={100}
            fill="red"
            draggable
          />
        </Layer>
        <Layer>
          {/* 第二个层 */}
          <Rect
            x={100}
            y={100}
            width={200}
            height={100}
            fill="blue"
            draggable
          />
        </Layer>
      </Stage>
    );
  }
}

export default App;