import React, { PropTypes } from 'react'
import { connect } from 'react-redux'
import { NavBar } from 'antd-mobile'
import styles from './Header.less'

const Header = ({ dispatch, children, ...headerProps }) => {
  const handleBack = () => {
    // router.goBack()
  }

  const navBarProps = {
    leftContent: '返回',
    // iconName: require('../../svg/back.svg'),
    mode: 'dark',
    onLeftClick: handleBack,
    ...headerProps,
  }

  return (
    <div className={styles['fixed-top']}>
      <NavBar {...navBarProps}>
        {children.length > 8 ? `${children.substr(0, 8)}...` : children}
      </NavBar>
    </div>
  )
}

Header.propTypes = {
  dispatch: PropTypes.func.isRequired,
  children: PropTypes.string.isRequired,
  headerProps: PropTypes.object,
}

export default connect()(Header)

@@ -313,19 +313,16 @@
 %E8%BF%94%E5%9B%9E',%0A   
- //
  iconNam
@@ -324,16 +324,20 @@
 onName: 
+%60#$%7B
 require(
@@ -357,16 +357,29 @@
 ck.svg')
+.default.id%7D%60
 ,%0A    mo

fix Introduce