Comment implémenter la fonction de collection en utilisant React

Comment utiliser React pour implémenter la fonction de collecte : cliquez et collectez en définissant l'iconStatus inverse, le code est [const [icoStatus, setIcoStatus] = useState(true)].

Comment utiliser React pour implémenter la fonction de collecte :

1 En définissant l'inversion iconStatus pour obtenir un clic. collection, La fonction d'annulation des favoris

import React,{useState} from 'react'
function Model(){
  const [icoStatus, setIcoStatus] = useState(true)
      //点击收藏按钮
  const iconSouCangData = (event, props) => {
    setIcoStatus(!icoStatus)
  }
    return(
     <>
                <span className={icoStatus? " icon-soucang2 soucang-color" : "icon-soucang2"} onClick={(e) => icoStatusData(e,props)}></span>
 
     </>
    )}

2. Ce qui suit concerne la collecte de listes circulaires Annuler les favoris

import React,{useState} from 'react'
function Model(){
  const [icoStatus, setIcoStatus] = useState(true)
      //点击收藏按钮
  const iconSouCangData = (event, props) => {
    setIcoStatus(!icoStatus)
  }
    return(
     <>
               <span className={iconSouCang ? "opts-icon icon-soucang2 soucang-color" : "icon-hide"} onClick={(e) => iconSouCangData(e,props)}></span>
              <span className={iconSouCang ? "icon-hide" : "opts-icon icon-soucang"} onClick={(e) => iconSouCangData(e,props)}></span>
     </>
    )}

Recommandations d'apprentissage gratuites associées : JavaScript (vidéo). )

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!