eval(babel.transform('< div> gf</div>').代码)抛出意外的

Question

我正在尝试在我的react应用中做这个坏事

import babel from 'babel-core'
const MyComponent = eval(babel.transform('<div>gf</div>').code)

但是我得到了这个错误

Uncaught SyntaxError: unknown: Unexpected token (1:0)
> 1 | <div>gf</div>
    | ^

我已经安装了这些软件包

"babel-core": "^6.25.0",
"babel-preset-react": "^6.24.1",

但仍然会出现错误，您是否知道为什么会发生这种情况？预先感谢。

Answer 1

您需要告诉Babel使用react预设：

const MyComponent = eval(babel.transform('<div>gf</div>', { presets : [ 'react' ] }).code)

(这也可能需要导入react(