javascript - React无法识别DOM元素上的`isActive`属性-样式组件

我在传递道具时具有以下svg组件。

import React from 'react';
export default (props) => (
  <svg {...props}>
    <path
      d="M11.5 16.45l6.364-6.364"
      fillRule="evenodd"
    />
  </svg>
);

然后，我有一个看起来像这样的styled-component。

const Icon = styled(_Icon)`
  ${props =>
    props.isActive &&
    css`
      transform: rotate(-180deg);
    `};
`;

我看到以下react错误。


  警告：React无法识别DOM元素上的isActive属性。

最佳答案

我遇到了与样式组件相同的问题，最终我做了这样的事情：

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

${props =>
  props.isactive === 'true' &&
  css`
    transform: rotate(-180deg);
  `};
}

关于javascript - React无法识别DOM元素上的`isActive`属性-样式组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58447435/