Extract to React

一款方便将 HTML 转换为 React 的 Chrome／Chromium 扩展程序。 将任意网站中任意部分的全部 HTML 和 CSS 直接提取为可用的 React 组件！ ---- # 使用方法 - 快速入门： 检查页面上的元素 > “Extract To React”标签页 > 将代码提取到 CodePen 或 JSFiddle。 - 高级用法： 可以将一个大型组件拆分为多个嵌套组件。 在“Elements”标签页中找到要单独变成组件的元素，添加名为 `data-component` 的属性。 将 `data-component` 的值设置为要提取的组件名称： Hello, world! #1 #2 将提取出 3 个组件：`Heading`、`Nav` 和 `ListItem`。 ---- # 问题和功能 如果您发现问题或有功能建议，请在 GitHub 上创建 issue：https://github.com/jesstelford/extract-to-react/issues ---- # 致谢 本项目基于优秀的开源软件： * SnappySnippet：一款方便提取指定 DOM 元素的 CSS 和 HTML 的 Chrome／Chromium 扩展程序。生成的代码片段可以一键导出到 CodePen、jsFiddle 或 JS Bin。 （https://github.com/kdzwinel/SnappySnippet/issues） * html-to-react-components：将 HTML 中标注的部分提取为独立模块形式的 React 组件。 （https://roman01la.github.io/html-to-react-components/）