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