Javascript Eslint:组件定义缺少组合上下文的显示名称
我有一个组合多个上下文提供程序组件并返回一个组合上下文提供程序的函数。我收到一个eslint错误:Javascript Eslint:组件定义缺少组合上下文的显示名称,javascript,reactjs,typescript,eslint,Javascript,Reactjs,Typescript,Eslint,我有一个组合多个上下文提供程序组件并返回一个组合上下文提供程序的函数。我收到一个eslint错误:组件定义缺少显示名称(eslintreact/display name)。如何解决错误 const providers=[AuthProvider,CartProvider,LocationProvider]; 常量组合组件=(…组件:FC[]):FC=>{ 返回组件。减少( (累计组件,当前组件)=>{ return({children}:ComponentProps):JSX.Element=
组件定义缺少显示名称(eslintreact/display name)
。如何解决错误
const providers=[AuthProvider,CartProvider,LocationProvider];
常量组合组件=(…组件:FC[]):FC=>{
返回组件。减少(
(累计组件,当前组件)=>{
return({children}:ComponentProps):JSX.Element=>{
返回(
{儿童}
);
};
},
({children})=>{children}
);
};
export const CombinedContextProvider=combineComponents(…providers)代码>根据一条评论,该问题是一个匿名函数,我能够用以下代码解决该错误:
import React,{ComponentProps,FC}来自'React';
从“./auth_context”导入{AuthProvider};
从“/cart_context”导入{CartProvider};
从“./location_context”导入{LocationProvider};
常量提供程序=[AuthProvider、CartProvider、LocationProvider];
常量组合组件=(…组件:FC[]):FC=>{
返回组件。减少(
(累计组件,当前组件)=>{
返回函数acgregateComponents({children}:ComponentProps):JSX.Element{
返回(
{儿童}
);
};
},
({children})=>{children},
);
};
export const CombinedContextProvider=combineComponents(…providers)代码>这有帮助吗?->谢谢你的链接,在这个问题上代码是非常不同的。很难得出相关性。问题是相同的,组件是匿名函数。