添加提交按钮会导致相邻标记错误

Question

如何在</Grid>？

的底部添加提交按钮

我目前添加的方式显示错误：

'Adjacent-jsx  elements must be wrapped in an enclosing tag'.

我的代码：

return (
  <Grid >
    <Col style={styles.main}>
      <Row size={5} style={styles.one}>
        <Text style={styles.hover}>
          eggwhgwr
        </Text>
        <Image source={require('./images/kl.png')} style={styles.imga} />
      </Row>
      <Row size={5} style={styles.two}>
        <Text style={styles.rack}>
          ewgy
        </Text>
        <Image source={require('./images/euru.png')} style={styles.imghos} />
      </Row>
      <Row size={5} style={styles.three}>
        <Text style={styles.doy}></Text>
        <Image source={require('./images/et.png')} style={styles.img} />
        `enter code here`
      </Row>
    </Col>
    <Col style={styles.maine}>
      <Row size={5} style={styles.four}>
        <Text style={styles.car}>
          Welcom
        </Text>
        <Image source={require('./images/eewt.png')} style={styles.imgcar} />
      </Row>
      <Row size={5} style={styles.five}>
        <Text style={styles.faq}>
          Fer
        </Text>
        <Image source={require('./images/uy87.png')} style={styles.imgfaq} />
      </Row>
      <Row size={5} style={styles.six}>
        <Text style={styles.info}>
          Info
        </Text>
        <Image source={require('./images/about.png')} style={styles.imgabout} />
      </Row> 
    </Col>
  </Grid>
);