總結React關於require的問題

我需要實現的是當登錄頁面傳過來的sex值為1則性別一欄的圖片修改為boy.png如果為0性別圖片則顯示為girl.png‘

最開始是這么寫的為了讓他成為變量

 

所以不行ok我們回到React的生命周期函數componentWillMount()

在第一次渲染之前使用

constructor(...args){

super(...args);

　　this.state={

　　　　name:this.props.location.query.name,

　　　　sex:this.props.location.query.sex,

　　　　path:"",

　　};

}

componentWillMount(){

　　let path = require('../images/girl.png');

　　if(this.state.sex===1)

　　path = require('../images/boy1.png');

　　this.setState({

　　　　path:path

　　});

}

 

 

這樣就可以實現功能

那其實也可以設置全局變量當然這樣非常浪費資源

所以也可以在render里去定義

 

 

然后

 

 

至於如何讓他是個變量嘛也就很簡單啦

也可以嘗試用條件表達式實現

{this.state.sex==1?image = require('../images/boy'):image = require('../images/girl')}