gpt4 book ai didi

javascript - 创建多个稍后在 react 中访问的组件(例如更改它们的高度)

转载 作者:行者123 更新时间:2023-12-02 23:35:34 24 4
gpt4 key购买 nike

我有相当多的架构/设计问题,我目前正在尝试用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com