React Js ALT - 다른 함수의 성공시 함수 호출

Question

아래의 Alt 액션 코드에서 addCharacter가 성공한 후 어떻게 getCharacters()를 호출 할 수 있습니까? 기본적으로 데이터베이스에 새 레코드를 저장 한 후 문자 목록을 새로 고칩니다.

getCharacters() { 
    requestPromise('http://localhost:3100/api/characters') 
     .then((res) => { 
     console.log("Getting Characters"); 
     var opdata = JSON.parse(res); 
     this.actions.getCharactersSuccess(opdata.characters); 
     }).catch((err) => { 
     console.log('error:', err); 
     this.actions.getCharactersFail(err) 
     }) 
    } 

    addCharacter(data) { 
    var options = { 
     method: 'POST', 
     uri: 'http://localhost:3100/api/characters/add/', 
     json: true, 
     body: { 
     name: data.charName, 
     allegiance: data.charAllegiance, 
     }, 
    }; 
    requestPromise(options) 
     .then((res) => { 
      // How can I recall getCharacters() from here 
     }).catch((err) => { 
     console.log('error:', err); 
     }) 
    } 

STORE

getCharactersSuccess(res) { 
    this.setState({ 
     characters: res 
    }) 
    } 

Answer 1

에 의해이 더 나은 것 right.It을 보이지 않는 것을 할 수 있습니다. 당신이 그것을 할 수있는 어떤 방법이든 그냥 return this.getCharacters();을 사면됩니다. 어떤 클래스에서 getCharacters() 함수를 참조하십시오. 놓친 요점은 입니다. 올바른 참조를 선택하는 그리고 약속 범위 내에 약속을 만들 때 오류가 발생하지만 약속 범위에서 아무 것도 반환하지 않습니다. 따라서 을 반환하면이 문제를 해결할 것입니다.

addCharacter(data) { 
    var options = { 
     method: 'POST', 
     uri: 'http://localhost:3100/api/characters/add/', 
     json: true, 
     body: { 
     name: data.charName, 
     allegiance: data.charAllegiance, 
     }, 
    }; 
    requestPromise(options) 
     .then((res) => { 
     return this.getCharacters(); 
     }).catch((err) => { 
     console.log('error:', err); 
     }) 
    } 

Answer 2

당신은 단지 getCharacters 함수를 호출 할 필요가있다. 당신은 당신이 플럭스 REDUX 같은 어떤 아키텍처를 사용하는 경우 this.getCharacters()

addCharacter(data) { 
    var options = { 
     method: 'POST', 
     uri: 'http://localhost:3100/api/characters/add/', 
     json: true, 
     body: { 
     name: data.charName, 
     allegiance: data.charAllegiance, 
     }, 
    }; 
    requestPromise(options) 
     .then((res) => { 
     return this.getCharacters(); 
     }).catch((err) => { 
     console.log('error:', err); 
     }) 
    }