javascript - ×类型错误: Cannot read property 'borders' of undefined

标签 javascript reactjs

不确定为什么会收到此错误:

render() {
  14 |   let { params } = this.props.match
  15 |   let country = this.state.countries.find(country => country.cca· === params.id)
> 16 |   let countryBorders = country.borders.map(border => this.state.countries.find(country => country.cca3 === border && country))
 | ^  17 | 

18 |返回 ( 19 | 19

最佳答案

国家的值(value)是什么?您需要确保您没有尝试访问尚不存在的值的属性。

尝试这样的事情:

countryBorders = country && country.borders.map(border => this.state.countries.find(country => country.cca3 === border && country)) || []

关于javascript - ×类型错误: Cannot read property 'borders' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60513531/

相关文章:

javascript - React Refactoring 组件有太多的 Prop

javascript - 访问 SyntheticEvent 目标上的 currentTime

Javascript:如何在全局范围内使用 React 组件?

javascript - Warning : setState(. ..): Can only update a mounted or mounting component on a new reactjs app

javascript - useState 和 useEffect 之间的区别

javascript - 在页面加载时显示 AJAX 加载程序

javascript - 为什么我的元素在js中总是返回相同的值?

javascript - 如何在 React Native 中渲染从数据库检索的字符串内的换行符?

Javascript/React.js 相当于 Ruby .select{ |x|健康)状况 }

javascript - d3 如何在现有其他元素之前插入新的 SVG 元素?