第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

React 無(wú)法識(shí)別 DOM 元素上的 `isActive` 屬性 - 樣式組件

React 無(wú)法識(shí)別 DOM 元素上的 `isActive` 屬性 - 樣式組件

慕村225694 2021-11-25 15:54:09
我有以下svg組件,我在其中傳遞道具。import React from 'react';export default (props) => (  <svg {...props}>    <path      d="M11.5 16.45l6.364-6.364"      fillRule="evenodd"    />  </svg>);然后我有一個(gè)styled-component看起來(lái)像這樣的。const Icon = styled(_Icon)`  ${props =>    props.isActive &&    css`      transform: rotate(-180deg);    `};`;我看到以下react錯(cuò)誤。警告:React 無(wú)法識(shí)別isActiveDOM 元素上的prop。
查看完整描述

2 回答

?
智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

const StyledIcon = styled(({ isActive, ...props }) => <Icon {...props} />)`

  ${props =>

    props.isActive &&

    css`

      transform: rotate(-180deg);

    `};

`

是不是更簡(jiǎn)單的解決方案,它也可以防止屬性不必要地呈現(xiàn)到 DOM


查看完整回答
反對(duì) 回復(fù) 2021-11-25
?
森欄

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊

我在使用樣式組件時(shí)遇到了同樣的問(wèn)題,最后我做了這樣的事情:


<Icon isactive={isActive.toString()} />


${props =>

  props.isactive === 'true' &&

  css`

    transform: rotate(-180deg);

  `};

}


查看完整回答
反對(duì) 回復(fù) 2021-11-25
  • 2 回答
  • 0 關(guān)注
  • 263 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)