old_contents: 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)
  
new_contents: 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').default.id}`,
      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)
  
subject: fix Introduce