javascript - 在react中创建多个组件以供稍后访问(例如，更改其高度)

Closed. This question needs to be more focused。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                
                    12个月前关闭。
            
        

    

我有一个相当体系结构/设计的问题，我目前正在尝试解决。我想创建一个包装的div（父级）和多个div子级，它们最初具有指定的高度。稍后，当某些事件发生时，我想更改它们的高度（例如，单击了这些子div中的on）。我知道在反应中解决起来可能非常容易，但是自从我最近才开始，我一直在努力寻找最好的（类似反应）方式。你能帮我吗？

最佳答案

您可以通过使用Component状态来实现，只需设置宽度和高度为初始状态即可。就像是

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/