使用 React 定位和隐藏 DOM 中的元素答案

【问题标题】：Target and hide element in the DOM using react使用 React 定位和隐藏 DOM 中的元素
【发布时间】：2017-07-20 07:43:42
【问题描述】：

我目前正在使用我为 React 下载的名为“大日历”的组件。我按照我喜欢的方式对其进行了风格化。大日历有一个用于月、日和周的切换按钮。我想在选择“日”按钮时隐藏一个元素。我想隐藏的跨度类是“rbc-toolbar-label”。有什么想法可以实现吗？

目前的代码（尝试但错误）：

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

【问题讨论】：

React 的工作方式不应该与 jQuery 相同。

标签： reactjs

【解决方案1】：

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

如果你有一些想要隐藏的元素：

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

您需要使用@987654321@ 获取 DOM 节点，然后使用 javascript 设置其样式

【讨论】：