-3

可以說我有Test1.html，Test2.html，Test3.html ...等文件具有不同形式的數據。我想生成reactJS組件，如Test1.js，Test2.js Test3.js組件具有完整的信息。ReactJS：轉換HTML文件到反應的組分

我們有像一個普通reactjs插件採取任何HTML文件作爲輸入思路和自動轉換反應的組分。作爲一名開發人員，無需編寫用於將自己的組件從HTML文件轉換爲單獨的代碼。只是我想使它插件

只需上傳HTML文件作爲輸入，並生成完整的數據reactjs組件。

使其成爲.html文件輸入和預期輸出是反應成分。

請讓我知道任何一個如何做到這一點，將是巨大????

來源

2016-08-30 vallepu veerendra kumar

這可能只包含HTML元素，但什麼比這更「傻」的表象成分的完全微不足道的情況下，有可能會很困難。這聽起來像你在這裏尋求魔法。 –

讓我給清晰度onthis VAR htmlInput = '

Title

A paragraph

'; //將HTML文件上傳VAR SampleOneComponent = React.createClass（{ 渲染：函數（）{ 回報（ \t htmlInput; ）;} }）; –

這不是一個好主意。我不知道你是否需要在你的反應組件中用state來執行一些操作，或者只需要html。如果你只需要render（）中的html，你可以這樣做：

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

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

但是，不推薦！

來源

2016-08-30 09:20:46

是的，你說的對，但我想製作通用的插件，每個人都想重新使用它來聚合他們自己的組件。 reactjs純粹是基於組件的。所以這裏將html文件轉換爲組件。 –

您可以根據https://www.npmjs.com/package/html-to-react-components。試一試。 –

您能否爲我提供以上代碼的下載鏈接。 –

ReactJS：轉換HTML文件到反應的組分

Title

回答

相關問題