реагировать + семантический интерфейс: доступ к ширине столбца

Question

Я использую компонент сетки , и, согласно документу, компонент 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 является оболочкой для реагирующего редактора , вы должны иметь возможность установить ширину 100%, чтобы получить редактор на всю ширину содержащего столбца. Значение передается атрибуту стиля дословно .

Это означает, что предложение @ kyaw-siesein на деньги!