Reactjs 反应+;语义用户界面:访问列宽度

Reactjs 反应+;语义用户界面:访问列宽度,reactjs,semantic-ui-react,Reactjs,Semantic Ui React,我正在使用,根据文档,Row.Column组件有一个我想要访问的width属性 class MainGrid extends Component { render() { return ( <Grid> <Grid.Row columns={2}> <Grid.Column> <JsonEditor width={???} // <---

我正在使用,根据文档,
Row.Column
组件有一个我想要访问的
width
属性

class MainGrid extends Component {
  render() {
    return (
      <Grid>
        <Grid.Row columns={2}>
          <Grid.Column>
            <JsonEditor
              width={???} // <---- I'd like to set the width property with the column's width property
            />
          </Grid.Column>
          <Grid.Column>
          </Grid.Column>
        </Grid.Row>

        <Grid.Row columns={1}>
        </Grid.Row>
      </Grid>
    );
  }
}
class主网格扩展组件{
render(){
返回(

假设JsonEditor是的包装器,您应该能够将width设置为
100%
,以获得包含列的完整宽度的编辑器


这意味着的建议是在金钱上的!

如果您设置
网格列
宽度
并使
JsonEditor
宽度100%
JsonEditor
宽度
属性是以像素为单位的,那该怎么办呢。