如何在Redux表单中使用样式化的组件

如何解决如何在Redux表单中使用样式化的组件

我有一个目前正在处理的react-typescript项目。我的工程经理会坚持要求我将redux-form与styled-component一起使用。

我的挑战是我无法成功找到一种方法来完成此任务。而且我浏览了很多在线资源。我实际上还没有找到任何可能的帮助。

如果任何人可能必须使用这两个库（redux-form && styled-components）或有一个想法，我将不胜感激。

这是我的代码库的一个实例（到目前为止，我已经做过）

simple-field-input.styles.tsx

import React from 'react';
import { Field } from 'redux-form';
import styled from 'styled-components';
import { SimpleFieldProps } from './simple-field-input.type';

const ReduxFormField: React.FC<SimpleFieldProps> = ({ componentType }) => {
    return <Field component={componentType} name="email" id="email@us" className={'tes-hello'} />;
};
export const Container = styled(ReduxFormField)`
    outline: none;
    border: none;
    background-color: orangered;
    color: yellow;
`;

它显示输入元素，但不反映样式

感谢您的帮助