how to change editor‘s content by parent components click event？

[lqh1008]

import { defaultValueCtx, Editor, rootCtx } from "@milkdown/kit/core";
import type { FC } from "react";

import { Milkdown, useEditor } from "@milkdown/react";
import { commonmark } from "@milkdown/kit/preset/commonmark";
import { nord } from "@milkdown/theme-nord";
import { history } from "@milkdown/kit/plugin/history";

import "@milkdown/theme-nord/style.css";

import "@milkdown/crepe/theme/common/style.css";

// We have some themes for you to choose
// available themes: frame, classic, nord, frame-dark, classic-dark, nord-dark
import "@milkdown/crepe/theme/frame.css";

const markdown = `# Milkdown React Commonmark

> You're scared of a world where you're needed.

This is a demo for using Milkdown with **React**.`;


export const MilkdownEditor: FC = () => {
  useEditor((root) => {
    return Editor.make()
      .config((ctx) => {
        ctx.set(rootCtx, root);
        ctx.set(defaultValueCtx, markdown);
      })
      .config(nord)
      .use(commonmark)
      .use(history)
  }, []);

  return <Milkdown />;
};

this is my code