Javascript 类型错误:r.props.data不是函数-物料表-生产环境
我在react应用程序中使用了物料表,这是我使用的npm包 在我的开发过程中,我没有遇到任何问题,但在生产过程中,我会遇到来自物料表包的错误。这个错误只显示一次,当我刷新它时,这个错误不再显示 请告诉我一个解决办法Javascript 类型错误:r.props.data不是函数-物料表-生产环境,javascript,reactjs,material-table,Javascript,Reactjs,Material Table,我在react应用程序中使用了物料表,这是我使用的npm包 在我的开发过程中,我没有遇到任何问题,但在生产过程中,我会遇到来自物料表包的错误。这个错误只显示一次,当我刷新它时,这个错误不再显示 请告诉我一个解决办法 react-dom.production.min.js:209 TypeError: r.props.data is not a function at n.<anonymous> (material-table.js:288) at fa (react-
react-dom.production.min.js:209 TypeError: r.props.data is not a function
at n.<anonymous> (material-table.js:288)
at fa (react-dom.production.min.js:131)
at as (react-dom.production.min.js:212)
at pl (react-dom.production.min.js:255)
at t.unstable_runWithPriority (scheduler.production.min.js:19)
at qo (react-dom.production.min.js:122)
at fl (react-dom.production.min.js:248)
at Zs (react-dom.production.min.js:239)
at react-dom.production.min.js:123
at t.unstable_runWithPriority (scheduler.production.min.js:19)
react dom.production.min.js:209 TypeError:r.props.data不是函数
在n。(材料表js:288)
在fa(react dom.production.min.js:131)
at as(react dom.production.min.js:212)
在pl(react dom.production.min.js:255)
在t.runWithPriority时(scheduler.production.min.js:19)
在qo(react dom.production.min.js:122)
在佛罗里达州(react dom.production.min.js:248)
在Zs(react dom.production.min.js:239)
在react dom.production.min.js:123
在t.runWithPriority时(scheduler.production.min.js:19)
这是使用的组件
const renderRegistrations=()=>{
return (
<MaterialTable
title="Registered Users"
style={{marginLeft:25,marginRight:25,marginBottom:25,marginTop:25}}
columns={columns}
data={users}
editable={{
onRowUpdate: (newData, oldData) =>
new Promise((resolve) => {
setTimeout(() => {
resolve();
dispatch(AdminUpdateUserData(newData))
dispatch(fetchRegisteredUsers());
setTransition(() => TransitionUp);
setOpen({
state:true,
message:"Edited user successfully"
});
}, 600);
}),
}}
options={{
headerStyle: {
backgroundColor: '#121858',
color: '#FFF'
},
searchFieldStyle:{
marginRight:(width==='xs'||width==='sm')?20:((width==='md')?350:500)
}
}}
/>
)
}
const renderRegistrations=()=>{
返回(
新承诺((决议)=>{
设置超时(()=>{
解决();
调度(AdminUpdateUserData(newData))
调度(fetchRegisteredUsers());
setTransition(()=>TransitionUp);
打开({
国家:是的,
消息:“已成功编辑用户”
});
}, 600);
}),
}}
选择权={{
头型:{
背景颜色:“#121858”,
颜色:'#FFF'
},
searchFieldStyle:{
边缘右:(宽度=='xs'|宽度=='sm')?20:((宽度=='md')?350:500)
}
}}
/>
)
}
请在添加组件的位置添加实际代码。我已更新了组件do check,谢谢。加载时是否会发生这种情况?是的,目前我已设法检查值是否未加载到空数组,该空数组暂时解决了问题data={users |[]}
请在添加组件的位置添加实际代码。我已更新了组件do check,谢谢。加载时是否会发生这种情况?是的,目前我已设法检查值是否未加载到空数组,该空数组暂时解决了此问题data={users |[]}