Reactを使ったコレクション機能の実装方法-jsチュートリアル-php.cn

Reactを使ったコレクション機能の実装方法

coldplay.xixi

リリース： 2020-11-17 13:49:22

オリジナル

2914 人が閲覧しました

react を使用してコレクション関数を実装する方法: クリックして逆の iconStatus を設定して収集します。コードは [const [icoStatus, setIcoStatus] = useState(true)] です。

Reactを使ったコレクション機能の実装方法

react を使用してコレクション関数を実装する方法:

1. iconStatus 反転を設定してクリックして収集します。 , お気に入りを解除する機能

import React,{useState} from 'react'
function Model(){
  const [icoStatus, setIcoStatus] = useState(true)
      //点击收藏按钮
  const iconSouCangData = (event, props) => {
    setIcoStatus(!icoStatus)
  }
    return(
     <>
                 icoStatusData(e,props)}>
 
     
    )}

ログイン後にコピー

2. 以下は循環リストを収集するためのものです. お気に入りを解除する

import React,{useState} from 'react'
function Model(){
  const [icoStatus, setIcoStatus] = useState(true)
      //点击收藏按钮
  const iconSouCangData = (event, props) => {
    setIcoStatus(!icoStatus)
  }
    return(
     <>
                iconSouCangData(e,props)}>
               iconSouCangData(e,props)}>
     
    )}

ログイン後にコピー