Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在react中创建多个稍后要访问的零部件(例如更改其高度)_Javascript_Reactjs - Fatal编程技术网

Javascript 在react中创建多个稍后要访问的零部件(例如更改其高度)

Javascript 在react中创建多个稍后要访问的零部件(例如更改其高度),javascript,reactjs,Javascript,Reactjs,我有相当多的架构/设计问题,我目前正试图用react解决。我想创建一个环绕div(父级)和多个初始指定了特定高度的div子级。稍后,我想在某些事件发生时更改它们的高度(例如,单击这些子div的上)。我知道在react中解决这个问题可能非常容易,但因为我最近才开始,所以我正在努力想出最好的(像react一样)方法。您能帮我吗?您可以通过使用组件状态来实现这一点,只需使用宽度和高度设置初始状态。差不多 state = { width:100, height:100} 然后在div上设置以下属性:

我有相当多的架构/设计问题,我目前正试图用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={()=>this.setState({width:newWidth, height:newHeight})}