Extract to React插件简介
🌹 这个应用程序可以在 ChromeFK 或 Google Chrome 网上应用商店进行下载。 ChromeFK上的所有插件扩展文件都是原始文件,并且 100% 安全,下载速度快。
Extract to React插件描述
Extract all the HTML & CSS of any ption of any website directly into a readytogo React Component! # Usage Quick start: Inspect an element on the page > "Extract To React" tab > Extract the code to CodePen JSFiddle. Advanced usage: It is possible to split a monolithic component up into multiple nested components. Find the elements you wish to become their own component in the "Elements" tab. Add an attribute called `datacomponent`. Set the value of `datacomponent` to be the extracted name of the component:Hello, wld!
Will result in 3 components being extracted: `Heading`, `Nav`, `ListItem` # Bugs Features If you find a bug have a feature request, please create an issue on GitHub: https://github.com/jesstelfd/extracttoreact/issues # Attribution This project is based on excellent open source software: * SnappySnippet: Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then expted to CodePen, jsFiddle JS Bin with one click. (https://github.com/kdzwinel/SnappySnippet/issues) * htmltoreactcomponents: Extract annotated ptions of HTML into React components as separate modules. (https://roman01la.github.io/htmltoreactcomponents/)
Extract to React插件离线安装方法
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.下载 Extract to ReactChrome插件v1.0.2版本到本地。
5.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决
©软件著作权归作者所有;本站所有软件均来源于网络,仅供学习使用,请支持正版!
转载请注明出处:chromefk非官方中文站 » Extract to React