從React JS中的componentDidMount獲取

我有一個組件3210和我在rendering方法中使用BaseMap（例如<BaseMap fetchUser={this.fetchUser.bind(this)}/>）後immidiatelly的獲取線fetchUser={this.fetchUser.bind(this)}。從React JS中的componentDidMount獲取

但是，有人建議，我應該把它放在componentDidMount而不是。但我該怎麼做呢？我不能將fetchUser={this.fetchUser.bind(this)}複製到componentDidMount。

來源

2017-10-06 IsaaK08

你在哪裏調用'fetchUser'？你可以發佈''的代碼嗎？聽起來像他們的意思是''你應該在'componentDidMount'中調用'this.props.fetchUser'？ –

據我所知，你的組件設置如下：

class Parent .... { 
    .... 
    fetchUser(){ 
    .... 
    } 

    .... 
    render(){ 
     return ( 
     ... 
      <BaseMap fetchUser={this.fetchUser.bind(this)}/> 
     ... 
     ); 
    } 
} 

class BaseMap .... { 
    .... 
    render(){ 
     let user = this.props.fetchUser(); 
     return ( 

      <div> { ...use user here ... }</div> 

     ); 
    } 
}

請糾正我，如果我錯了。

您被建議做的是將調用fetchUser從BaseMap組件的render方法中移出並移至其componentDidMount方法。然後將用戶存儲在組件的狀態中並從那裏使用它。

class BaseMap .... { 
    constructor(props){ 
     super(props); 
     this.state={user:null}; 
    } 

    componentDidMount(){ 
     let user = this.props.fetchUser(); 
     this.setState({user:user}); 
    } 

    render(){ 
     return ( 
      <div> {this.state.user? 
         ...use user here ... 
         : "loading data" 
      }</div> 
     ); 
    } 
}

來源

2017-10-06 20:15:28 palsrealm

移動你的fetchUser方法BaseMap組件，然後調用方法componentDidMount爲this. fetchUser()。否則傳遞方法作爲道具並在目標組件中訪問它。

來源

2017-10-06 20:17:18

從React JS中的componentDidMount獲取

回答

相關問題