Question

我正在使用grid component，根据文档，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>
    );
  }
}

如果我正确理解，可以在我的Row.Column组件中使用JsonEditor属性，因为它将属性从父级传递给孩子。但是我不知道该怎么做。

Answer 1

假设JsonEditor是react-ace editor的包装器，则应该能够将width设置为100%，以使编辑器获得包含列的完整宽度。 The value is passed to the style attribute verbatim。

这意味着@kyaw-siesein的建议是有钱的！

react +语义ui：访问列宽度

1 个答案: