如何在（条件渲染）中使用 ref

Question

我想使用 ref，但是我无法在最初为 false 的条件渲染中使用它。

constructor(props) {
    super(props);
    this.state = { 
      filterActive: false,
    }
    this.firstRef = React.createRef();

}

如果我在此使用 ref ：-

{this.state.filterActive ?
    <label ref={this.firstRef}>Time Range</label>
:null}

引用为空。

Answer 1

尝试这个，

render(){
 return(
{this.state.filterActive ? (<label ref={this.firstRef}>Time Range</label>) : (null)}
)}