有时对于响应式布局,我们需要根据组件的宽度自适应高度。CSS无法实现这种动态变化,传统是用jQuery实现。 而在React中无需依赖于JQuery,实现相对比较简单,只要在DidMount后更改width即可 Try on Codepen 需要注意的是在resize时候也要同步变更,需要注册个监听器 class Card extends React.Component { constructor(props) { super(props); this.state = { width: props.width || -1, height: props.heigh