反應TypeError：Object.value不是一個函數

Question

這是我的代碼，該代碼獲取用戶輸入值並從對象數組中過濾國家/地區。 執行此代碼，我得到一個正確過濾的對象（我在瀏覽器的控制台中得到了它），但問題是我需要獲取一個字符串來顯示它。 我也嘗試過filterCountry.value

let matches = Countries.filter(v => v.name.toLowerCase().includes(this.state.value
    ));
console.log(matches);
event.preventDefault();
this.state.eachCountry = matches;

const filterCountries = matches.map((filterCountry) =>
<ul>{filterCountry.toString()}</ul>
);
alert(filterCountries.name);

Answer 1

如果您需要創建一個反應組件以在列表中顯示所有已過濾的國家，則可以嘗試以下操作：

render () {
  const filterCountries = this.state.eachCountry.map((filterCountry) => {
    return (<li>{filterCountry}</li>)
  })
  return (<ul>{filterCountries}</ul>)
}

要映射數組：

Mylist = ['a', 'b', 'c']
Mylist2 = mylist.map ((elem) -> {return elem + 1})
//Then mylist2 = ['a1', 'b1', 'c1']