activate async function on load screen

Question

Im trying to create a users list with my api using a async function, but I dont know how to user it on load screen, can you help me

 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 >

how you can see I was using a button to load everything, but i wanted to load when the screen loads

        <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>
    )
  }
}

Take a look at componentDidMount. It allows you to do things when the component is loaded. — Mellet
– Mellet, Commented Feb 10, 2021 at 18:21

Mellet · Accepted Answer · 2021-02-10 21:08:45Z

1

componentDidMount() {
  this.getUserList();
}

answered Feb 10, 2021 at 21:08

Mellet

1,3061 gold badge11 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

activate async function on load screen

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related