<div className={styles.content}>
{children}
</div>
当我们使用数据流进行数据传递时{children}此时便无法绑定父组件的事件因此我们使用以下的形式
{
React.Children.map(children, (child: React.ReactNode) => {
return React.cloneElement(child as React.ReactElement, {
onChange: () => {
setUpdate(update + 1);
},
});
})
}
interface Props {
onChange?: ()=> void
};
const Page: React.FC<Props> = ({
onChange,
}) => {
return (
<div onClick = { ()=>{
onChange?.()
}}>
</div>
);
}
export default Page;
Vue
