How to dynamically set the default state of a component in ReactJS?

Question

React

I want to perform a check before setting the initial state to the component, how can I do this?

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      counter : 0,
      step : 0,
      listeningInFavorite : true 
  }

Thank you!

Answer 1

use

componentWillMount(){
if(this.props.listeningIsFavorite===true)
...
}else

I understand that you are passing something from another element as props

Answer 2

componentWillMount() {
    if(Meteor.user()) { //если пользователь авторизован
      var userFavoriteList = Meteor.user().profile.favoritesList; //получаем список избранного пользователя
      var currentListeningId = this.props.listeningId; //текущее объявление

      for(let i; i < userFavoriteList.length; i++) { 
        //Если id текущего объявления совпали с id из избранного
        if(userFavoriteList._id === currentListeningId) { 
          //Меняем на правду
          this.setState({
            listeningInFavorite : true
          });
          console.log('Объявление найдено')
        } else { //Если нет то меняем на ложь
          this.setState({
            listeningInFavorite : false
          });
          console.log('Объявление не найдено в списке избранного')
        }
      }
    }
  }