反應設定一個類名的最小高度等於與其他類名的最小高度

Question

我有兩個<div>標籤各有不同classNames可以說，一個陣營組件元素的元素：className="firstClass"和className="secondClass"。

如何設置min-height的值secondClass等於min-height的值firstClass？

Answer 1

不要直接設置DOM。你需要閱讀setState和props。

setState會觸發重新渲染，因此無論您何時執行this.setState({minHeight: newValueHere});它都會自動使用新值更新渲染方法。

class Component extends React.Component { 
    constructor() { 
     super(); 

     this.state = { 
      minHeight: "600px" 
     }; 
    } 
    render() { 
     return (
     <div> 
      <div className="firstClass" style={{minHeight: this.state.minHeight}} /> 
      <div className="secondClass" style={{minHeight: this.state.minHeight}} /> 
     </div> 
     ); 
    } 
}