reactjs - 我可以使用样式组件来设置反应通知的样式吗？

Question

我在项目中使用样式化组件，并且刚刚添加了反应通知。当我尝试使用样式化组件来设置我的 NotificationContainer 及其后代的样式时。相反，我得到了一个没有样式的基本 NotificationContainer。我犯了一个错误，还是反应通知根本不兼容？

import React, { Component } from 'react'

import {NotificationContainer, NotificationManager} from 'react-notifications';
import styled from "styled-components";

const StyledNotificationContainer = styled(NotificationContainer)`
    background-color: orange;
`
export default class Example extends Component{
    render(){
        return (
            <StyledNotificationContainer />
        )
    }
    componentDidMount(){
        NotificationManager.info('Example')
    }
}

Answer 1

因此，styled-components 文档说，您可以使用它为任何第三方组件设置样式，只要该组件可以使用className道具（这就是 styled 的神奇之处）。react-notification 文档说NotificationContainer只接受两个道具，它们都不是 className。

你不能使用它是不兼容的。