react 渲染html字符串
大?。?/span>0.2 MB 人氣： 2017-09-28 需要積分：1
推薦 + 挑錯(cuò) + 收藏(0) + 用戶評(píng)論（0）
標(biāo)簽：
在React Fiber中，render函數(shù)可以直接返回一個(gè)字符串了，換言之，一個(gè)組件可以直接渲染為一個(gè)字符串，而不是必須渲染為一個(gè)HTML模樣的物體。
舉個(gè)例子，下面這個(gè)控件LongString，顯示一個(gè)input和一個(gè)p，p中文字可以是很長(zhǎng)的字符串，相當(dāng)于一個(gè)模板，在input中輸入的字符串會(huì)用來(lái)填補(bǔ)p中的模板。
代碼如下：
上面組件的工作原理是通過(guò)事件處理函數(shù)onInputChange來(lái)更新組件的state，引發(fā)組件重新渲染，這樣this.state.str才能在渲染過(guò)程中被顯示。
上面的組件工作完全正確，但是有個(gè)問(wèn)題，就是每一次在input中更新內(nèi)容，都會(huì)引發(fā)LongString的更新過(guò)程，在瀏覽器的console中，可以看到render函數(shù)被反復(fù)調(diào)用的痕跡。
非常好我支持^.^
(0) 0%
不好我反對(duì)
(0) 0%