如何通过回调从外部函数返回jsx？

import React from 'react';

// 外部函数，接受一个回调函数作为参数
function getJSX(callback) {
  // 在外部函数中生成JSX
  const jsx = <div>Hello, World!</div>;

  // 调用回调函数，并将JSX作为参数传递
  callback(jsx);
}

// 回调函数，接受JSX作为参数
function handleJSX(jsx) {
  // 在回调函数中处理JSX
  console.log(jsx);
  // 可以将JSX渲染到页面上
  // ReactDOM.render(jsx, document.getElementById('root'));
}

// 调用外部函数，并传入回调函数
getJSX(handleJSX);