store-ui/menu/menu-item.js

store-ui

/**
 * @desc
 *
 * @使用场景
 *
 * @author  杨晓东[of1081]
 * @company qianmi.com
 * @Date    15/7/29
 **/


'use strict';

var React = require('react');
var Immutable = require('immutable');
var {msg} = require('iflux');
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var util = require('uikit/common/util');

var MenuItem = React.createClass({
	mixins: [PureRenderMixin],

	/**
	 * 初始化属性
	 */
		getDefaultProps(){
		return {
			currentMenu:""
		}
	},
	/**
	 * 初始化状态
	 */
		getInitialState (){
		return {};
	},


	/**
	 * 绑定自定义事件
	 */
		componentDidMount() {
	},


	/**
	 * remove自定义事件
	 */
		componentWillUnmount() {
	},


	/**
	 * virtualdom
	 * @returns {XML}
	 */
		render() {
		return (<li className={this.props.currentMenu==this.props.menu.get('url')?"cur":""} >
			<a　href={"#"+this.props.menu.get('url')} onClick={()=>{	msg.emit('menu:click',this.props.menu.get('url'))}}>
				{this.props.menu.get('name')}
			</a>
		</li>
		);
	}
});

module.exports = MenuItem;