- 在使用React開(kāi)發(fā)過(guò)程中，發(fā)現(xiàn)$("#dataDetail").html("this.props.data.ipInfo");不能使該div正常顯示inInfo內(nèi)容。
解決方法:
- 在前端html頁(yè)面中，有id為dataDetail的div標(biāo)簽，該需求是點(diǎn)擊 - 查看 - 時(shí)，彈出該div,并將inInfo的內(nèi)容展示在div中。
- 在render函數(shù)下方，書(shū)寫(xiě)handleClick函數(shù)，并在點(diǎn)擊 - 查看 - 時(shí)，調(diào)用handleClick函數(shù)，ReactDOM.render()函數(shù)傳入兩個(gè)參數(shù)，第一個(gè)參數(shù)為需追加的dom結(jié)構(gòu)，第二個(gè)參數(shù)為追加到哪個(gè)dom節(jié)點(diǎn)元素之內(nèi)。即可將
this.props.data.inInfo的值顯示在id為dataDetail的元素之內(nèi)。
示意圖
