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

标签 javascript reactjs

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

相关文章:

javascript - .map() 将错误的值映射到我的 header 标签

reactjs - 在 useEffect 中响应条件

javascript - 如何使用 react 需要语法?

javascript - Google 脚本 xls 附件不显示

javascript - 如何通过单击按钮从 TextFields 和 Select 中获取值?

javascript - Ajax 将 bool 值与 HTML 一起从服务器传递到具有 HTML 数据类型的客户端

javascript - axios react 获取实时数据展示

Javascript - 函数无法从 JQuery 获取外部输入值

javascript - 如何在不构建 "audio visualizer"的情况下将 JavaScript 动画与歌曲的节奏同步?

javascript - 如何在React Js中获取输入文本的详细信息并将其发送到后端