使用样式化组件，React和Flow

Question

我正在使用React + Flow构建一个应用程序，但在样式方面却遇到了一个愚蠢的问题。

基本上，我有（恢复）：

import styled from 'styled-components';
import { Link } from 'react-router-dom';

export const Item = styled(Link)`
  some styling here
`;

我从Flow中收到以下错误：

Cannot call `styled` because:
- Either a callable signature is missing in object type [1].
- Or a callable signature is missing in object type [2].

如何在不出现此错误的情况下为自己的组件设置样式？

谢谢！

Answer 1

您可以创建一个组件并渲染Link并发送this.props.className到className组件的Link支撑。

您可以在以下代码中看到MyLink组件：https://codesandbox.io/s/n03z3oq5vj