将HTML的带注释的部分作为单独的模块提取到React组件中。 通过导入子组件并用它们替换适当HTML片段来保留HTML的结构。 结果，您将准备好渲染整个组件树。 尝试 内容 什么时候使用 该实用程序旨在使React开发人员摆脱将HTML转换为组件的繁琐任务。 想象一下，您刚从设计师那里得到了一堆HTML。 您要做的第一件事是将HTML分解为React组件。 这很无聊，应该自动化！ 安装 $ npm i -g html-to-react-components 用法 具有data-component属性HTML元素将转换为单独的React组件。 该属性的值是React组件的名称。 另外使用public:前缀指定应将哪些HTML属性作为React道具public: 。 < input public:type =" text " id =" input " data-component =" Input " /> // at usage place < Input type = "text" / > ; // ----^^^^^^^^^^^ // in component's mo