Блог

Я пытаюсь создать список пользователей с помощью моего API, используя асинхронную функцию, но я не знаю, как использовать ее на экране загрузки, можете ли вы мне помочь

  export default class Dermatologistas extends Component{
  state ={
    errorMessage: null,
    users: []
  }
  getUserList = async () => {
    try {
      const response = await api.get('/auth/list');

      const { users } = response.data
      console.log(response.data)
      this.setState({ users });
     
    } catch (response) {
      this.setState({ errorMessage: response.data.error });
    }
  };
  
  
  render(){
    const users = this.state.users
    console.log(users)
    return(
      <View >
 

как вы можете видеть, я использовал кнопку для загрузки всего, но я хотел загружать при загрузке экрана

         <Button onPress={this.getUserList} title='carregar'/>
        {this.state.users.map(user => (
          <View key={user._id} style={{marginTop: 15, alignItems: 'center'}}>
            <Text>{user.title}</Text>
            <Text>{user.speciality}</Text>
            <Button   title = 'View Profile'onPress ={() => this.props.navigation.navigate('Profile')}/>
            </View>
        ))}
      </View>
    )
  }
}
 

 componentDidMount() {
  this.getUserList();
}