首次使用JSFiddle，我的基础React代码无法运行，求排查问题

我帮你排查了一下，你的代码和JSFiddle的配置存在几个关键问题，导致无法正常运行：

• 函数名拼写错误：你写的fumction是笔误，正确拼写应该是function，这个语法错误会直接阻断代码执行。
• 不必要的export default语法：在JSFiddle的默认运行环境中，不需要使用ES模块的导出语法，直接定义App函数即可。export default会在非模块环境下引发执行错误。
• JSX转译配置缺失：JSX语法需要通过Babel转译为浏览器能识别的普通JavaScript。你需要在JSFiddle的JavaScript面板顶部，把语言设置从JavaScript改为Babel。
• 挂载元素未定义：你的代码试图把组件挂载到id="root"的元素上，但如果HTML面板里没有这个元素，ReactDOM找不到挂载目标，也会运行失败。需要在HTML面板添加<div id="root"></div>。

修正后的代码应该是这样的：

function App() {
  return (
    <div> hello world </div>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))

另外补充一点：如果是使用JSFiddle的空白模板创建的片段，还要确保在“External Resources”里正确引入了React和ReactDOM的CDN资源（不过JSFiddle的React预设模板通常会自动配置好这一点）。

内容的提问来源于stack exchange，提问作者Code Eagle