样式组件,与本机反应的eslint" no-unused-vars"

时间:2018-04-16 10:11:32

标签: react-native eslint styled-components

'Text' is defined but never used  no-unused-vars

以下是代码部分获取错误

import {
  Text,
  StyleSheet,
} from 'react-native';
import color from './color';

export const Sub = styled.Text`
  color: ${color.secondary};
  font-size: 16;
  text-align: center;
  margin: 8px;

我们可以看到Text消费了Sub,因为我们不想删除no-unused-vars规则,我们可能需要一个插件或设置来行走 - 围绕这个

谢谢@Dan,你让我远离了我的隧道视野

1 个答案:

答案 0 :(得分:2)

假设Text是一个组件,documentation表示声明它的正确方法是:

styled(Text)`
  color: ${color.secondary};
  font-size: 16;
  text-align: center;
  margin: 8px;

它也可以解决问题。