Javascript ReactJS：为什么'；t CSS Flexbox'；什么是工作？

在ReactJS中，使用Material UI的

，我试图使所有的浮动都向左，但在两者之间隔开，但alignItems不起作用。它只是向左浮动，中间没有间隔

可能是什么问题

render() {

    return ( 
        <div style={{display: 'flex', flexFlow: 'row wrap', alignItems: 'stretch'}}>
          <div>
            <TextField/>
          </div>
          <div>
            <TextField/>
          </div>
        </div>
    )
}

render（）{
报税表（
)
}

您没有使用正确的属性。在行上下文中，应使用

对齐内容

将元素放置在x轴上

render() {
  return ( 
    <div style={{display: 'flex', flexFlow: 'row wrap', justifyContent: 'space-between'}}>
      <div>
        <TextField/>
      </div>
      <div>
        <TextField/>
      </div>
    </div>
  )
}

render（）{
报税表（
)
}