亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何基于特權進行條件渲染

如何基于特權進行條件渲染

長風秋雁 2022-09-16 21:16:58
我無法根據以下代碼顯示/隱藏圖標。如果 然后顯示刪除圖標,但如果權限 == “PLAYER”,則將其隱藏。deleteprivilege == "ADMIN"然后下面的代碼不起作用,const [deleteIcon, setDeleteIcon] = useState({ show: false}); useEffect(() => {    const fetchData = async () => {      try {       const res = await Axios.get('http://localhost:8000/service/players');       setPlayerList(res.data.players);       setSearchResults(res.data.players);       const privilege = localStorage.getItem('Privilege');       console.log("Privilege logging in Front End:"+privilege);       showDeleteIcon(privilege);      } catch (e) {       console.log(e);     }   }  fetchData(); }, []);  const showDeleteIcon = (privilege) =>{    if(privilege === "ADMIN"){      setDeleteIcon({show:true})    }else{      setDeleteIcon({show:false})    }  }   { deleteIcon &&(    <span className="deletePlayerIcon">       <img src="images/deleteIcon.png"/>    </span>    )}
查看完整描述

2 回答

?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

在條件呈現語句中,您需要更深入地了解狀態對象 1 級:deleteIcon


{deleteIcon.show && (

  <span className="deletePlayerIcon">

   <img src="images/deleteIcon.png"/>

  </span>

)}


查看完整回答
反對 回復 2022-09-16
?
慕的地6264312

TA貢獻1817條經驗 獲得超6個贊

我發現您正在將一個對象存儲到刪除圖標中。所以你必須這樣做


   { deleteIcon.show &&(

    <span className="deletePlayerIcon">

       <img src="images/deleteIcon.png"/>

    </span>

    )}


查看完整回答
反對 回復 2022-09-16
  • 2 回答
  • 0 關注
  • 122 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號