Есть ли способ дать выбранным элементам начальное значение вместо нуля?

Question

Когда я иду, чтобы загрузить изображение, я получаю эту ошибку, потому что item.id изначально нулевой: TypeError: null is not an object(evaluating this.state.queryid.includes).

Эта ошибка исчезает, когда я задаю число внутри параметра includes, например: this.state.queryid.includes(0).

То, что я пытался сделать в бэкэнде, это вставить 0 вместо null, чтобы при загрузке он считался 0 после загрузки. Это не сработало для реакции-родной.

Мне просто нужна помощь, чтобы сказать If the item.id is null then set it as 0 или что-то в этом роде. Также я использую api и flatlist fetch:

    fetch(`https://www.example.com/React/user.php` , {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    }

   })
     .then((response) => response.json())
     .then((responseJson) => {
       this.setState({
         isLoading: false,
         dataSource: responseJson,
         user_image:  responseJson[0].user_images,
         },function() {


         });
     })
     .catch((error) => {
       //console.error(error);
     });



<FlatList

       data={ this.state.user_image}




       renderItem={({item}) => <View>
       {this.state.queryid.includes(item.id)  ?
              <TouchableOpacity
               style={{alignSelf:'center', }}>
               <Animation
               progress={item.unprogress}
               source={require('../Animations/favourite_app_icon.json')}

               />
               </TouchableOpacity>
             :
             <TouchableOpacity
              style={{alignSelf:'center'}}>
              <Animation
              progress={item.progress}
              source={require('../Animations/favourite_app_icon.json')}


              />
              </TouchableOpacity>
            }
       </View>
      />