Question

我在项目中使用样式化的组件，并且刚刚引入了react-notifications。当我尝试使用样式化的组件来设置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 docs说，只要该第三方组件可以消耗className道具，您就可以使用它来设置任何第三方组件的样式（这就是样式化的神奇之处）。 react-notification docs说NotificationContainer仅接受两个道具，none of them is className。

您不能使用它为不兼容。

我可以使用样式化的组件来样式化反应通知吗？

1 个答案: