用react怎么实现收藏功能

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>

     </>

    )}