如何摆脱反应中的类组件div

Question

我想制作下拉菜单，我确实做到了，但现在我有一个恼人的问题。 当我的菜单不在时，我得到了reactJS组件的空白div。

normal menu

blank div in the back

所以，这是

背后的代码

＆＃13;

＆＃13;

@Users = React.createClass
	handleEnter: (e) ->
	  $('.users').animate({top: '+=250px'});
	handleLeave: (e) ->
	  $('.users').animate({top: '-=250px'});
	render: ->
		React.DOM.div
			onMouseEnter: @handleEnter
			onMouseLeave: @handleLeave
			className: 'users'
			React.DOM.h1
				className: 'h1'
				"Log In!"
			 	React.createElement SessionForm
			React.DOM.h1
				className: 'h1'
				"Sign up!"
			 	React.createElement UserForm

＆＃13;

.users {
	padding-bottom: 40px;
  text-align: center;
  background-color: #f3f3f3;
  display: flex;
  position:  relative;
  bottom: 250px;
  /*-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
  /*-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.users > .h1 {
	flex: 1;
}

.users > .h2 {
	flex: 1;
}

＆＃13;

<%= react_component 'Users', {} %>
<%= react_component 'Tasks', { data: @tasks } %>

＆＃13;

＆＃13;

＆＃13;