title: react-konva How to set stage width and height to be equal to its container?
body: <p>I want to set the stage width and height to be equal to it's div container, in my case, it's the div with className "drawing-area"</p>
  
  <pre><code>const Canvas = props =&gt; {
      return &lt;Row&gt;
          &lt;Col xs={12} className="canvas-container"&gt;
              &lt;div className="drawing-area"&gt;
                  &lt;Stage width={450} height={200}&gt;
                      &lt;Layer&gt;
                          &lt;BoxSurface/&gt;
                          &lt;UserText text={props.text}/&gt;
                          &lt;DesignImage image={props.image}/&gt;
                          &lt;Handler image={props.image}/&gt;
                      &lt;/Layer&gt;
                  &lt;/Stage&gt;
              &lt;/div&gt;
          &lt;/Col&gt;
      &lt;/Row&gt;;
  };
  </code></pre>
  
  <p>Because when I set width and height fixed like above, when the screen size is changed, the layout will be broken.</p>
  
  <p>Thank you very much.</p>