样式化组件自定义道具在打字稿 eslint 中返回 no-undef

问题描述

我正在将自定义道具传递给 React 中的样式组件。运行代码后，typescript eslint 输出警告：

   'isActive' is not defined    no-undef

但代码似乎工作正常，打字稿没有报告任何错误。

请看下面我的代码：

JSX

import React from 'react';
import styled from 'styled-components';

const Title= styled.div<{ isActive: boolean }>`
       ${({ isActive}) => isActive && 'color: blue;'}`;

interface IFunctionName{ active:boolean }

const FunctionName: React.FC<IFunctionName> = ({ active }) => 
       (<div><Title isActive={active}> test </Title></div>)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）