title: react + semantic ui: access column width
body: <p>I'm using the <a href="https://react.semantic-ui.com/collections/grid/#types-grid" rel="nofollow noreferrer">grid component</a>, and according to the doc, the <code>Row.Column</code> component has a <code>width</code> attribute, that I'd like to access.</p>
  
  <pre><code>class MainGrid extends Component {
    render() {
      return (
        &lt;Grid&gt;
          &lt;Grid.Row columns={2}&gt;
            &lt;Grid.Column&gt;
              &lt;JsonEditor
                width={???} // &lt;---- I'd like to set the width property with the column's width property
              /&gt;
            &lt;/Grid.Column&gt;
            &lt;Grid.Column&gt;
            &lt;/Grid.Column&gt;
          &lt;/Grid.Row&gt;
  
          &lt;Grid.Row columns={1}&gt;
          &lt;/Grid.Row&gt;
        &lt;/Grid&gt;
      );
    }
  }
  </code></pre>
  
  <p>If I understand correctly, it's fine to use a <code>Row.Column</code> property for my <code>JsonEditor</code> component, because it's passing a property from a parent to a child. But I cannot figure out how to do that.</p>