如何将我的 JSX 代码转换为 JS 对象？

Question

我想从头开始创建我的 React 版本，但是每个手册都说：“所以我们在 JSX 上编写这样的代码，并使用 babel 将我们的代码转换为 JS”。 我想了解这种魔法是如何运作的。 我的意思是这样：

const div = <div id='JSX'> Example </div>

变成这样：

div = ('div', {id='JSX'}, 'Example');

我看到它是这样的：

function convertor(div){
  //code 
  return ObjectRepresentationOfDiv
}

但是如何在没有“SyntaxError: Unexpected token <”的情况下将参数传递给转换器函数？

Answer 1

魔法通常通过带有 babel 插件的 webpack 发生。

分享您的 webpack.config.js 以查看其中的内容，如果您想启动并运行它。

以下文档可能是您要阅读的内容：

如果您想更深入地了解，可以在此处找到其源代码。