React Bootstrap 숨기기 툴팁

OverlayTrigger/Tooltip 요소를 숨기는 방법이 있습니까? 예. overlay={this.state.show ? <Tooltip>showing</Tooltip> : null} 작동하지만 콘솔에 경고 발생 : OverlayTrigger에서 요구하는React Bootstrap 숨기기 툴팁

소품 overlay이 표시되어 있지만, 그 값은 null

이 유일한 방법이 될 것인가이다?

{!this.state.show ? {component} : 
<OverlayTrigger ...> 
    {component} 
</OverlayTrigger> 
}

출처

2017-09-07 Avery235

코드에 툴팁을 추가하지 마십시오. 코드가 표시되지 않습니다. –

중괄호를 너무 일찍 닫고 있습니다. 시도해보십시오 :'overlay = {this.state.show? 은 : null}'을 표시합니다. – Chris

@Chris 작은 오타. "OverlayTrigger"에 필수로 표시되어 있지만 그 값은 null입니다. " – Avery235

OverlayTrigger 구성 요소는 overlay 소품 통과해야합니다. 도구 설명을 원하지 않으면 오버레이가 실행되는 것을 원하지 않을 것입니다. 따라서 this.state.show이 위증이라면 제거하고 싶을 것입니다.

{this.state.show 
    ? <OverlayTrigger overlay={<Tooltip>showing</Tooltip>}> 
     <button>Click me!</button> 
    </OverlayTrigger> 
    : <button>Click me!</button> 
}

편집 : 예, 당신의 갱신의 코드가 그것을 할 수있는 방법이 될 것입니다.

출처

2017-09-07 07:47:41 Chris

React Bootstrap 숨기기 툴팁

답변

관련 문제