how to define ...otherProps to props typescript code example
Example 1: TYPESCript props class component
class Test extends Component<PropsType,StateType> {
constructor(props : PropsType){
super(props)
}
render(){
console.log(this.props)
return (
<p>this.props.whatever</p>
)
}
};
Example 2: typescript ..otherProps
interface CustomComponentProps {
prop1: string;
prop2:string;
}
const CustomComponent: React.FC<CustomCompoenetProps & Record<string,any>> = ({prop1,prop2, ...otherProps}) => {
retrun (
<>
<Component prop1={prop1} prop2={prop2} {...otherProps}/>
</>
);
}
export default CustomComponent