className始终为空

Question

我正在使用react-flexbox-grid

我始终将课程名称设为空，因此布局无效。有什么建议吗？请问我需要进一步的信息，因为我是React的新手我不知道哪个信息共享

我很好奇，因为我有一个简单的组件。我希望文本 Hello from here 出现在左侧，表单出现在右侧

let layout = {
  xs: 6,
  sm: 6,
  md: 6,
  lg: 6
}


<Grid fluid>
  <Row>
    <Col {...layout}>
      <p>Hello from here</p>
    </Col>
    <Col {...layout}>
      <Paper>
        <Row>
          <TextField
            hintText='Name'
            floatingLabelText='Name'/>
        </Row>

        <Row>
          <TextField
            hintText='Email'
            floatingLabelText='Email'
            type='email'/>
        </Row>
        <Row>
          <TextField
            hintText='Password'
            floatingLabelText='Password'
            type='password'/>
        </Row>
        <Row>
          <TextField
            hintText='Re Enter Password'
            floatingLabelText='Re Enter Password'
            type='password'/>
        </Row>
        <Row>
          <a href='#'>Already have an account? Sign in</a>
        </Row>
        <Row>
          <RaisedButton label='Submit' primary/>
        </Row>
      </Paper>
    </Col>
  </Row>
</Grid>