import()加载公共组件问题?

Question

import()可以拆分代码,减少打包,比如两个大的组件(页面)A,B,都需要公共button.js,那怎样把A页面引入button后暴漏给app.js,app配置router对应相应的组件页面.

import React from "react";
import ReactDOM from "react-dom";
import { useState, useEffect } from "react";

async function run() {
  let v= await import("./button");
  let Button=v.button-mid
 ..
 ..
  let A = () => {
    return (
      <div>
       ...
       ...
        <Button onClick={d}/>
      </div>
    );
  };
 // const rootElement = document.getElementById("root");
 // ReactDOM.render(<A />, rootElement);
}
run();

A组件怎样export给app.js使用(配置路由),还是我页面构建思路错了.