Как передать многофункциональность внутри метода componentDidMount

#javascript #reactjs

#javascript #reactjs

Вопрос:

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

 loadUsers() {
    axios.get('http://127.0.0.1:8000/api/users')
      .then((response) => {
        this.setState({
          users:response.data,
        })
      })
  }
  

и для получения ролей я создал другой метод

 loadRoles() {
    axios.get('http://127.0.0.1:8000/api/roles')
      .then((response) => (
        this.setState({
          roles:response.data,
        })
      ))
  }
  

но когда я вызываю эти методы внутри componentDidMount() метода, я получаю следующую ошибку

  ./src/views/Base/Users/Users.js
  Line 107:  Expected an assignment or function call and instead saw an expression  no-unused-expressions

Search for the keywords to learn more about each error.
  

это мое состояние

 constructor(props){
    super(props);
    this.state = {
      users:[],
      roles:[],
    }
  }
  

Комментарии:

1. Где componentDidMount ? Покажите, как вы их вызываете

2. componentDidMount(){ this.loadUsers(), this.loadRoles() }

3. Почему это запятая? Подсказка: это ваша ошибка.

4. Что в строке 107? Это функция рендеринга?

5. Я ставлю запятую для разделения каждой функции