React官方文档：不使用JSX

最新推荐文章于 2025-08-20 08:46:54 发布

原创最新推荐文章于 2025-08-20 08:46:54 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

React 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了如何在React应用中不使用JSX，而是通过React.createElement函数创建组件。示例展示了如何将JSX语法转换为函数调用形式，以便在没有jsx支持的环境中构建React组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可以直接使用React.createElement(component, props, …children) 来代替JSX

class Hello extends React.Component {
  render() {
    return React.createElement('div', null, `Hello ${this.props.toWhat}`);
  }
}





 root.render(
  <React.StrictMode>
    <BrowserRouter>
      <Hello toWhat="amadeus" />
    </BrowserRouter>
  </React.StrictMode>
);