So implementieren Sie die Sammlungsfunktion mithilfe von React

So verwenden Sie React, um die Sammelfunktion zu implementieren: Klicken Sie und sammeln Sie, indem Sie den inversen iconStatus festlegen. Der Code lautet [const [icoStatus, setIcoStatus] = useState(true)].

So verwenden Sie React, um die Erfassungsfunktion zu implementieren:

1. Durch Festlegen der IconStatus-Invertierung wird die Klickerfassung realisiert und die Erfassungsfunktion abgebrochen. Lesezeichen aufheben

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>
 
     </>
    )}

JavaScript

(Video)

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Sammlungsfunktion mithilfe von React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!