React-Semantic-ui Header组件不产生块元素

Question

我有一个使用react-semantic-ui的React组件，看起来像这样：

class HomeComponent extends Component {
  state = {};

  render() {
    return (
      <Container>
        <Grid>
          <Grid.Row>
            <Form>
              <Form.Group inline>
                <Form.Input placeholder="Name" name="name" />
                <Form.Input placeholder="Password" name="password" />
                <Form.Button content="Login" />
              </Form.Group>
            </Form>
          </Grid.Row>
          <Grid.Row>
            <Header as="h1"> Header h1 </Header>
            <p> blablabla </p>
          </Grid.Row>
          <Grid.Row>
            <Form>
              <Form.Input placeholder="Name" name="name" />
              <Form.Input placeholder="Password" name="password" />
              <Form.Button content="Register" />
            </Form>
          </Grid.Row>
        </Grid>
      </Container>
    );
  }
}

呈现的外观如下：

为什么文本“ blabla”不在换行符上？
H1应该是一个块元素，因此要占用该行的整个空间。