我有相当多的架构/设计问题,我目前正在尝试用 react 来解决。我想创建一个包装 div(父级)和多个最初指定高度的 div 子级。后来,我想在发生某些事件时更改它们的高度(例如,单击这些子 div 中的一个)。我知道在 react 中解决它可能非常容易,但自从我最近开始以来,我试图想出最好的(类似 react )的方法。你能帮我吗?
最佳答案
您可以通过使用组件状态来实现此目的,只需设置宽度和高度的初始状态即可。类似的东西
state = { width:100, height:100}
然后在您的 div 上设置此属性,如下所示:
<div style={{width:this.state.width, height:this.state.height}}>
[content here]
</div>
最后更新 onClick 事件的状态
onClick={()=>this.setState({width:newWidth, height:newHeight})}
关于javascript - 创建多个稍后在 react 中访问的组件(例如更改它们的高度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56299858/