React 中的命名空間組件。如何使用型別檢查
代碼:
const CustomCapsule = (props:CustomCapsuleTypes) =>{
return(
<div direction={props.direction}>
{props.children}
</div>
)
}
CustomCapsule.Tab = ({title,active,onClick,tempKey}:TabItemProps) =>{
return(<div>test</div>)
}
CustomCapsule.propTypes = {}; // √
CustomCapsule.Tab.propTypes = {} // ×.
錯誤:
型別 '({ title, active, onClick, tempKey }: TabItemProps) => Element' 上不存在屬性 'propTypes'。
uj5u.com熱心網友回復:
有多種方法可以解決這個問題:
你可以先設定prop型別,然后再分配子組件
const CustomCapsule = (props:CustomCapsuleTypes) => {}
const Tab = ({title,active,onClick,tempKey}:TabItemProps) => {}
CustomCapsule.propTypes = {}
Tab.propTypes = {}
CustomCapsule.Tab = Tab;
或使用Object.assign:
const CustomCapsule = (props:CustomCapsuleTypes) => {}
CustomCapsule.Tab = Object.assign(
({title,active,onClick,tempKey}:TabItemProps) => {},
{ propTypes: {} }
)
CustomCapsule.propTypes = {}
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/454266.html
