关于react18的api问题

第一次学习React，js学过，虽然有点水

img


因为React18语法发生了改变，所以，不看视频我写不出来了
如果用react18怎么写出来
const title = React.createElement('h1', null, 'Hello React');
 ReactDOM.render(title, document.getElementById('root'))

参考如下语法：

const root = document.getElementById('root')!;
ReactDOM.render(<App />, root, () => {
  console.log('渲染完成');
});

// React 18
const AppWithCallback: React.FC = () => {
  useEffect(() => {
    console.log('渲染完成');
  }, []);
  return <App />;
};
const root = document.getElementById('root')!;
ReactDOM.createRoot(root).render(<AppWithCallback />);