未捕获的类型错误:无法读取 React js 中为 null 的属性“数据”
2021-06-16
497
我正在使用
props
从另一个组件访问数据,但它显示
Uncaught TypeError: Cannot read property 'data' of null
有人知道如何解决
function AuditDetails(props)
{
function AuditDetails(props) {
let data=props.location.state;
data=data.data;
console.log("data",data);
}
and this the function from where I am getting the data
const onRowClick = (data, columns) => {
return {
onClick: e => {
console.log('clicked')
console.log('it produced this event:', e)
console.log('Columns:', columns)
console.log('Data:', columns.original)
history.push("/AuditDetails",{data:columns.original})
}
}
}
2个回答
尝试这个:
history.push({path:"/AuditDetails", state:{data:columns.original})
在 onRowClick 函数上。
William Silveira
2021-06-16
您可以使用
可选链
来避免此类错误。
data=data?.data;
因为只有当您调用
onRowClick
并重定向到
/AuditDetails
时,它才具有
data
状态。如果您通过点击导航栏中的链接进行重定向,它将没有状态,因此
props.location.state
将返回 null
Viet
2021-06-16