umi children触发父组件事件

<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