开发者问题收集

未捕获的类型错误:无法读取 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