我有一个组件,它通过react router Link组件从父组件获取数据作为 Prop ,如下所示:
<Link to={{pathname: "/cv", state:cvData }}>Next</Link>
“/cv”路径中的 CV 组件获得该状态。但在 CV 组件的 JSX 中,我无法访问该状态下的数据。代码是这样的:
const [cvData, setCvData] = useState(props.state)
useEffect(() => {
setCvData(props.cvData)
console.log(cvData)
}, [])
console.log 的输出首先是未定义,然后是数据。但即使它记录了正确的数据,JSX 部分也会抛出“无法读取未定义的属性 x”的错误。
最佳答案
这是因为在开始的某个时刻你的数据首先是未定义的,你可以在使用它之前添加一个简单的检查条件,例如:
return(
<div>
{ cvData && cvData.x ? <div>display your cvData</div> : null }
</div>
)
关于reactjs - React 未捕获类型错误 : cannot read property x of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65871621/