你需要某种prop来显示你的数据是否已经获取，因为你没有附加你的数据获取，我就假设你可以把它添加到你的组件中。

const Counter = ({ quantity, itemId, isLoading }) => {
    console.log(quantity);
    console.log('ITEM ID ',itemId);

    //declare conditional constant for icon
    const icon = isLoading ? <div><p>Loading...</p></div> : <Icon style={{fontSize: 25, color: '#059b9a', marginRight:10}} name='md-add' />
    return (
        <View style={{flexDirection:'row', alignItems:'center'}}>
            <Icon style={{fontSize: 25, color: '#059b9a',marginRight:25}} name='md-trash' onPress={()=> removeItem(itemId)} />
            <Icon style={{fontSize: 25, color: '#059b9a',marginRight:10}} name='md-remove'/>
            <View style={{marginRight:10, alignItems:'center',justifyContent:'center'}}>
                <CustomText value={`${numTranslate(quantity)}`} style={{color:'#059b9a', fontSize:22, fontWeight:'bold'}}/>
                <CustomText style={{fontSize:10}} value={'حداکثر'} />
            </View>
     {/* render conditional expression instead of jsx element */}
     {icon}
        </View>
    );
}

使用计数器的主要组件：

// Call setState here or anywhere you want to fetch data or...
   fetchData =()=> {
        this.setState({isLoading: true});
        axios.post(url).then(response=>{
          this.setState({isLoading: false});
       })
   }

   render(){
     return(
       <Counter quantity={quantity} itemId={itemId} isLoading={this.state.isLoading} />
     )
   }

您的计数器对象：

const Counter = ({ quantity, itemId, isLoading }) => {
    console.log(quantity);
    console.log('ITEM ID ',itemId);
    return (
        <View style={{flexDirection:'row', alignItems:'center'}}>
            <Icon style={{fontSize: 25, color: '#059b9a',marginRight:25}} name='md-trash' onPress={()=> removeItem(itemId)} />
            <Icon style={{fontSize: 25, color: '#059b9a',marginRight:10}} name='md-remove'/>
            <View style={{marginRight:10, alignItems:'center',justifyContent:'center'}}>
                <CustomText value={`${numTranslate(quantity)}`} style={{color:'#059b9a', fontSize:22, fontWeight:'bold'}}/>
                <CustomText style={{fontSize:10}} value={'حداکثر'} />
            </View>
            {isLoading ?
            <LoadingIcon />
            :
            <Icon style={{fontSize: 25, color: '#059b9a', marginRight:10}} name='md-add' />
            }
        </View>
    );
}

1)维护一个类似loadingItems状态的数组，在onPress中将itemId压入try块前的loadingItems中，无论调用成功与否，都弹出try或catch块中的itemId。
2)向组件添加一个加载属性，并检查itemId是否在loadingItems数组中。

<Card 
isLoading={this.state.loadingItems.includes(item.Id)
...
/>

希望这个有用。

1.创建一个新变量loadingItem。
1.在调用fetchData方法之前，将itemId存储在loadingItem中
1.检查加载是否为真，并且项目ID是否等于加载项目

{loading && itemId === loadingItem ? <LoadingIcon />
     :
     <Icon style={{fontSize: 25, color: '#059b9a', marginRight:10}} name='md-add' />
     }