拆分方法在字符串上不起作用？ TypeError：无法读取未定义的属性“ split”

Question

这是我关注的代码：
我不确定为什么我不能在split()上使用string。我通常使用split()，并且一直都能正常工作。这是第一次不起作用。为什么？

import React, { Component } from 'react';
import './App.css';

class App extends Component {
constructor(props){
super(props);

this.state = {
  data: []
}
}

componentDidMount(){
var url = 'https://restcountries.eu/rest/v2/all';

fetch(url)
  .then(data => data.json())
  .then(data => data.map((item, index) => {
    return item.name + " " + item.flag;
  })).then(data => this.setState({data}));

}  

render() {
  var randItems = [];
  var randNum = 0;

  for(let i = 0; i < 4; i++){
    randNum = Math.floor(Math.random() * this.state.data.length);
    randItems.push(this.state.data[randNum]);
  }


var item = randItems[0].split(' ');
console.log('typeof item and its value ' + typeof item + ' ' + item);

请注意，输出为typeof item，其值string为

  

北马里亚纳群岛   https://restcountries.eu/data/mnp.svg