可以自动从 JSX 中提取 React 组件吗？

Question

我正在对一个从名为 Webflow 的设计工具导出的网站进行 React 翻译。导出包含创建页面所需的 HTML 和 CSS。我找到了一个将 HTML 转换为 React 的工具，html 到 JSX，但现在我想以类似的方式将翻译后的代码段自动转换为组件。

我发现有两种工具可以做到这一点：

1. 收集
2. VSCode React 重构

它们都允许您将 JSX 片段转换为同一模块中的组件，但它们不会自动使用

<Component></Component>

语法，它们不能在创建时命名，并且不允许您旋转将该片段放入一个新文件中。所有这些都是我真正喜欢的功能。

这是自动生成 React 组件的唯一两个选项吗？或者有更好的办法吗？

Answer 1

因为 React 组件不仅仅是包装在函数或类组件主体中的一些 HTML 代码。想想生命周期、渲染、事件处理等等。

虽然重构工具有助于第一步提取一段（React）代码，但这只是第一步，我认为没有办法以合理的方式实现自动化。