请为开发react-semantic-ui Web应用程序建议最佳的UI格式

Question

我需要知道哪种格式最适合通过npm使用react，语义ui创建Web应用程序...

<Container fluid>
    <Segment>
      <Grid columns='equal'>
        <Grid.Column>
          <div><a href="#"><Image src="./images/ltl-logo.png" /></a></div>
        </Grid.Column>
        <Grid.Column width={8}>
          <div><Search></Search></div>
        </Grid.Column>
        <Grid.Column>
          <div>
            <Button positive>User Login</Button>
          </div>
        </Grid.Column>
      </Grid>
    </Segment>
  </Container>

或者我们将使用常规的html编码并添加语义成分