為什么我這么引入組件會(huì)報(bào)錯(cuò)

報(bào)的錯(cuò)誤是bundle.js:42319 Uncaught TypeError: Cannot read property 'map' of undefined
一開始頁(yè)面代碼是這樣的

import React  from 'react'
import SearchInput from '../SearchInput'
import './index.less'
import { Link } from 'react-router';

class IndexHead extends React.Component {
  constructor(props,context){
      super(props,context);
  }
  render() {
    return(
      <div className="HomeHeader page-wrap">
        <div className="leftcity"><Link to="/city">{this.props.cityName} <i className="icon-angle-down"></i></Link></div>
        <div className="inputwrap page-wrap">
          <input placeholder="請(qǐng)輸入關(guān)鍵字"/>
          <i className="icon-search"></i>
        </div>
        <div className="leftcity">
           <i className="icon-user"></i>
        </div>

      </div>
    )
  }
}
export default IndexHead

后面我決定把輸入框抽離出來。
于是我把

<div className="inputwrap page-wrap">
          <input placeholder="請(qǐng)輸入關(guān)鍵字"/>
          <i className="icon-search"></i>
 </div>

這一塊拿了出來。

import React from 'react'

import './style.less'

class SearchInput extends React.Component {
    constructor(props, context) {
        super(props, context);
    }
    render() {
        return (
          <div className="inputwrap page-wrap">
            <input placeholder="請(qǐng)輸入關(guān)鍵字"/>
            <i className="icon-search"></i>
          </div>
        )
    }
}

export default SearchInput

然后再頁(yè)面引入。就報(bào)錯(cuò)了。

import React  from 'react'
import SearchInput from '../SearchInput'
import './index.less'
import { Link } from 'react-router';

class IndexHead extends React.Component {
  constructor(props,context){
      super(props,context);
  }
  render() {
    return(
      <div className="HomeHeader page-wrap">
        <div className="leftcity"><Link to="/city">{this.props.cityName} <i className="icon-angle-down"></i></Link></div>
        <SearchInput/>
        <div className="leftcity">
           <i className="icon-user"></i>
        </div>

      </div>
    )
  }
}
export default IndexHead

后來我只把輸入框抽離出來引入就不報(bào)錯(cuò)了這是為什么