Question

假设我有 Test1.html，Test2.html，Test3.html ... etc 文件，这些文件具有不同的表单数据。我想生成reactJS组件，如 Test1.js，Test2.js Test3.js 组件，并提供完整的信息。

我们有一个常见的reactjs插件可以将任何html文件作为输入并自动转换反应组件。作为开发人员，无需编写单独的代码来从html文件转换自己的组件。只是我想让它成为插件

只需将html文件作为输入上传，并使用完整数据生成reactjs组件。

将 .html 文件输入并输入预期产出是反应成分。

请让我知道如何做到这一点会很棒????

Answer 1

这不是一个好主意。我不知道你是否需要在反应组件中执行一些状态操作，或者只需要html。如果你只需要在render（）中使用html，你可以这样做：

componentWillMount() {
    // get your data from html
    ...
    this.data = your_data;
}

render() {
    return (
        <div dangerouslySetInnerHTML={{__html: this.data}}></div>
    );
}

但同样，不推荐！

ReactJS：将html文件转换为React组件

1 个答案: