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']

react TypeError：Object.value不是函数

1 个答案: