return只能返回一個(gè)節(jié)點(diǎn)，可以吧返回的兩個(gè)節(jié)點(diǎn)包一下，比如：

<div>
    <label>{province.name}</label>
    {...}
</div>

另外，map直接返回一個(gè)值，沒有其他操作的時(shí)候可以直接使用（）代替{ return ... },比如

arr.map(item => (
    <div> 

        <label>{province.name}</label>
        {...}
    </div>
))

看起來會(huì)清晰一些

return可以返回的類型有：string, array, function/class, null。
你在遍歷里面一個(gè)return返回多個(gè)標(biāo)簽是會(huì)報(bào)錯(cuò)的?？梢赃@么改：

return [
  <label key={province.name}>{province.name}</label>,
  {
    province.cities.map()
  }
];

cities中的return也可以利用數(shù)組形式返回。

如果你不用數(shù)組，那么就得在外層加一個(gè)標(biāo)簽了：

return (
  <div key={province.name}>
   <label>{province.name}</label>
   {
     province.cities.map()
   }
  </div>
);

報(bào)錯(cuò)是因?yàn)榉祷刂涤袉栴}，jsx 每次return必須是一個(gè)節(jié)點(diǎn)，不能是多個(gè)。

...
return(
    <div>
        <label> .... </label>
        {}
    <div>
)
...

而你的return，label是一個(gè)節(jié)點(diǎn)， {} 也是一個(gè)節(jié)點(diǎn)，所以報(bào)錯(cuò)了