React父子组件传props时子组件获取值为undefined的问题

你遇到的问题根源是props名称拼写错误：

• 在app.js中，给Map组件传递的props写成了poinstFilter（少了字母i）
• 但在map.js中，你尝试解构接收的是pointsFilter，两者名称不匹配，所以拿到的是undefined

修正后的app.js代码： #

const [pointsFilter, setPointsFilter] = useState(true)

<Map onLongPress={handleLongPress} puntos={puntos} pointsFilter={pointsFilter} />

修正后，map.js里的console.log(pointsFilter)就能正常输出状态值，组件也能根据这个值正确渲染Marker了。

内容的提问来源于stack exchange，提问作者Tommy Solano Peñafiel