在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react里return的問題

react里return的問題

首先一個方法,return一個對象：

selectStatus(num) {
    if (num === '1') {
       return  {
        text:'直播預告中',
        num:123
      };

    }
  }

一個接口請求：

.then(res => {
        const { body } = res;
       
        this.setState({
        
          num: body.content.data[0].onlineNum  //string格式,值為'1'
        })
      })
      .catch()

在render方法里渲染時調(diào)用：

<div>{this.selectStatus(this.state.num).text}</div>   //為什么這樣拿不到text?感覺是兩個this的問題。

報錯提示：

text is undefind
回答
編輯回答
司令

你不能把 this.selectStatus('1').text作為一個react child，最好的方法是

render() {
    const { text } = this.selectStatus('1');
    return (
        <div>{text}</div>
    ); 
}
2017年5月28日 03:04
編輯回答
撥弦

你先去看看react child是什么就懂了

2017年7月4日 13:33
編輯回答
怣痛

我直接這樣是可以跑通的

export default class extends React.Component {
    selectStatus(num) {
        if (num === '1') {
            return  {
                text:'直播預告中',
                num:123
            };

        }
    }
    render() {
        return <div>{this.selectStatus('1').text}</div>
    }
}

除非你寫的是這樣才會報你那個錯吧：

return <div>{this.selectStatus('1')}</div>
2018年8月10日 08:09
編輯回答
舊顏

目前寫法沒問題
傳入1沒問題
傳入不是1肯定報錯都沒有返回東西
你這個錯是直接渲染對象啊 <div>{this.selectStatus('1')}</div>
你確定你項目寫的就是 你問的這代碼嗎？

2017年5月31日 20:32