問題是 currentPackage 的未定義。渲染（）{ const { hasAccounts，asideClassesFromConfig，disableScroll，htmlClassService，currentPackage，用戶，} = this.props; const isActive = checkStatus(user?.status);
const packageLogo = currentPackage.name && currentPackage.logo && (
<div className="vk-inductee-button-wrapper">
<div className="vk-inductee-button-image-wrapper">
<img
src={currentPackage.logo}
className="vk-inductee-button-image"
alt="inductee-img"
/>
</div>
<div className="vk-inductee-button-label">
<span>{currentPackage.name}</span>
</div>
</div>
);
return (
<>
<button className="kt-aside-close" id="kt_aside_close_btn">
<i className="la la-close" />
</button>
<div
id="kt_aside"
ref={this.asideOffCanvasRef}
className={`kt-aside ${asideClassesFromConfig} kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop`}>
<Brand />
<div
id="kt_aside_menu_wrapper"
className="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid">
<AsideDropdown />
{isActive ? (
<Link to="/shop/my-packages">{packageLogo}</Link>
) : (
packageLogo
)}
{disableScroll && <Menu htmlClassService={htmlClassService} />}
{!disableScroll && (
<PerfectScrollbar
options={{ wheelSpeed: 2, wheelPropagation: false }}>
<Menu htmlClassService={htmlClassService} />
</PerfectScrollbar>
)}
{hasAccounts && <AsideFooter />}
</div>
</div>
</>
);
} }
uj5u.com熱心網友回復：
你可能會做類似的事情
const packageLogo = currentPackage && currentPackage.name && currentPackage.logo && (
<>
//your code
</>
)
問題是currentPackage未定義，但您正在檢查是否currentPackage.name為真。由于該屬性name在 上不存在undefined，您會收到該錯誤。currentPackage在檢查它的特定屬性之前，您只需要檢查它本身是否為真。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/355156.html
標籤：javascript 反应