反應：如何連接字符串與JSX

Question

我試圖採取一個包含HTML的服務器響應，並用React組件替換它的一部分。來自服務器的HTML看起來是這樣的：

<div><h1>Title</h1>[video] [image]</div> 

我想換成[視頻]和[影像]起反應，因此顯示一個視頻播放器和圖像組件。實際上，組件稍微複雜一些，但這應該顯示一個簡單的例子。

我已經設置了密碼筆，但到目前爲止只能夠爲我結合了串反應的組分得到這個輸出。

Title 
[object Object] [object Object] 

https://codepen.io/adamoliver/pen/pRYXeB

什麼潛在的解決方案可能是任何想法？

Answer 1

您將需要使用像https://github.com/babel/babel-standalone編譯JSX的飛行。

Answer 2

因爲有人HSA建議，你應該檢查出https://facebook.github.io/react/docs/react-dom-server.html#rendertostring

我認爲要處理這種情況的正確方法是將一根繩子轉換爲JSX元素，它在從內部React.createElement()返回的對象，在https://facebook.github.io/react/docs/react-without-jsx.html描述

Answer 3

您需要將此用作函數調用而不是組件。 找到這個codepen。

`https://codepen.io/satya-dash/pen/QdPwep`