我有兩個函數,一個從api提取數據并根據該數據更新狀態,另一個函數在狀態中的數據上進行迭代并用新數據更新狀態。我的問題是我無法更新第二個功能的狀態。而且我不知道我必須在哪里調用此函數才能在第一個函數之后調用它并使用狀態中的數據多數民眾贊成在。export default class Cases extends Component { constructor(props) { super(props); this.state = { cases: [], photos: [], }; this.addPhotos = this.addPhotos.bind(this); this.getCases = this.getCases.bind(this); this.renderCases = this.renderCases.bind(this); } getCases() { axios .get('/cases/api') .then(response => { this.setState({ cases: response.data.cases, photos: response.data.photos, }); console.log(this.state.cases); }) .catch((error) => { if (error) { console.log(error); } }); } addPhotos() { const newCases = this.state.cases.map(({ photo_id, ...rest }) => { const obj = { ...rest }; this.state.photos.find(data => { if (data.id === photo_id) { obj.file = data.file; return true; } }); return obj; }); console.log(this.state.cases); this.setState({ 'cases' : newCases }); } renderCases() { this.addPhotos(); } componentWillMount() { this.getCases(); } render() { return ( <div> {this.renderCases()} </div> ) }}這就是我現在所擁有的我應該在哪里調用addPhotos函數,以便它可以更新狀態并仍然使用getCases函數中的現有狀態數據?提前致謝!
如何調用使用狀態(由另一個函數設置)的函數并更新狀態
慕娘9325324
2021-05-07 14:18:38
