我被分配了一个任务,需要将ES2019编译后的React代码转换回JSX。客户丢失了原始文件,我主动接手完成了这个任务。不幸的是,有几百个文件需要逐个转换,因此我想是否有一种方法可以一次性将它们编译为JSX。
例如,需要转换的文件片段可能如下所示...
import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import { Item } from './Item';
const Container = props => {
return /*#__PURE__*/React.createElement("div", _extends({}, props, {
component: props.component || Item,
}));
};
export default Container;
我希望你能翻译成中文...
import React from 'react';
import { Item } from './Item';
const Container = (props) => {
return <div component={props.component || Item} />;
};
export default Container;
我知道我可以将JSX转换为JS,但如何在数百个文件中反向进行此操作?
babel-js-to-jsx
吗? - codemonkey.map
文件,你可以更轻松地生成源代码文件(但我不知道React构建系统是否会生成它们)。 - utopmanbabel-js-to-jsx
时遇到的错误? - BogdanBiv