2017-07-20 114 views
0

我目前正在使用我下載的組件,稱爲'大日曆'用於React。我已經按照我喜歡的方式對它進行了風格化。大日曆具有月,日和周的切換按鈕。我想在選擇「日」按鈕時隱藏一個元素。我想隱藏的span類是'rbc-toolbar-label'。任何想法如何實現?使用反應在DOM中隱藏和隱藏元素

此刻

當前代碼(試過,但錯誤):

if(selectedViewType=='day'){ 
    //document.getElementById('rbc-toolbar-label').style.display = 'none' 
    this.refs.rbc-toolbar-label.setAttribute('display', 'none') 
} 
+0

React is不應該像jQuery一樣工作。 – Sulthan

回答

2

ReactDOM.findDOMNode(this.refs.["rbc-toolbar-label"]).style.display='none'

如果你有一些元素要隱藏:

<div ref="rbc-toolbar-label">To be hidden 
<div> 

你需要獲得DOM節點使用ReactDOM.findDOMNode,然後使用javascript設置其風格