首頁猿問 webpack...

webpack 分割加載代碼后,react 界面不更新

JavaScript

慕容3067478 2018-11-14 18:14:18

webpack 分割加載代碼后,react 界面不更新. 先貼代碼main.jstext.jsexport default class extends React.Component { render() { return ( <div>{this.props.text}</div> ) }}點(diǎn)擊load后能加載text控件并顯示但是點(diǎn)擊change改變state時(shí)text控件并不會刷新，打印日志this.state.text已經(jīng)改變了。找了n久也不知道問題在哪，求大神T.T 拜謝

查看完整描述

1 回答

Smart貓小萌

TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個贊

問題出在 main.js 中 _loadText 的 textview: <Text text={this.state.text} /> 上

你的這種寫法，實(shí)際上是告訴 React，當(dāng)我 load 的時(shí)候，給我一個 Text 組件，并且屬性是那時(shí)候的 this.state.text （這個例子里也就是 'text' ），父組件更新的時(shí)候并不會對 this.state.textview 進(jìn)行更新

下面這么改就可以了

_loadText () 函數(shù)中，改變 this.setState 的內(nèi)容

this.setState({

textview: Text

})

render () 函數(shù)中

<div>

<button onClick={() => this._loadText()}>load</button>

<button onClick={() => this.setState({ text: 'change' })}>change</button>

{this.state.textview ? React.createElement(this.state.textview, { text: this.state.text }) : null}

</div>

反對回復(fù) 2018-12-25

1 回答
0 關(guān)注
457 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

webpack 分割加載代碼后,react 界面不更新

webpack 分割加載代碼后,react 界面不更新

1 回答

添加回答