请解释浏览器无法直接运行React JSX的原因，并描述通常采用的解决方案。

回答思路

1. 【回答框架 1】JSX并非合法的JavaScript语法，它是对React.createElement调用的一种语法糖。浏览器仅识别ECMAScript标准语法，无法直接解析包含XML-like标签的代码。
2. 【回答框架 2】解决方式是通过构建工具（如Babel）将JSX编译为标准的JavaScript。Babel利用预设如@babel/preset-react，将JSX转换为React.createElement调用，生成浏览器可理解的代码。
3. 【回答框架 3】现代工具链（如Create React App、Vite）已集成该转换过程，开发者在编写JSX后，构建时会自动完成编译，无需手动处理。
4. 【关键点 1】JSX是语法糖，本质是React.createElement的调用。
5. 【关键点 2】浏览器无法直接解析JSX，因其超出JavaScript语法范围。
6. 【关键点 3】通常使用Babel等编译器将JSX转换为JavaScript。
7. 【易错点 1】勿将JSX与HTML混淆，JSX属性名使用驼峰式（如className）。
8. 【易错点 2】注意Babel仅完成语法转换，不包含Polyfill，浏览器兼容性需额外处理。