Reactjs 未捕获不变冲突：对象作为React子对象无效（找到：具有键{$$typeof，render}的对象） React中的错误处理和警报

当我把钥匙带来的时候

以下是以前使用的代码片段：

class App extends Component {
render() {
    return (
        <Provider store={store}>
            <AlertProvider template={AlertTemplate} {...alertOptions}>
                <Fragment>
                    <Header />
                    <div className="container">
                        <Dashboard />
                    </div>
                </Fragment>
            </AlertProvider>
        </Provider>
    )
}

以下是我的Alerts.js组件：

import React, { Component, Fragment } from 'react';
import { withAlert } from 'react-alert';
export class Alerts extends Component {
    componentDidMount() {
        this.props.alert.show('It Works');
    }
    render() {
        return <Fragment />;
    }
}
export default withAlert(Alerts);

给定的错误已在控制台中看到：

通常是错误

未捕获不变冲突：对象作为子对象无效 找到：具有键{$$typeof，render}的对象

当你没有的时候

在一个单亲节点内渲染多个节点，但在本例中并非如此。 正确导入文件 如果第二个条件也通过，可能应该查看您使用的组件的文档。

通常是错误

未捕获不变冲突：对象作为子对象无效 找到：具有键{$$typeof，render}的对象

当你没有的时候

在一个单亲节点内渲染多个节点，但在本例中并非如此。 正确导入文件

---

如果第二个条件也通过了，可能应该查看您使用的组件的文档。

尝试在Alert.js上更改代码

From：使用AlertAlerts导出默认值；

---

至：导出默认值，带AlertAlerts

尝试在Alert.js上更改代码

From：使用AlertAlerts导出默认值；

---

至：导出默认值，带AlertAlerts

请正确检查文档。在您的代码中有

export default withAlert(Alerts);

但是在文档中，要与HOC一起使用，您应该编写

export default withAlert()(Alerts)

---

请正确检查文档。在您的代码中有

export default withAlert(Alerts);

但是在文档中，要与HOC一起使用，您应该编写

export default withAlert()(Alerts)

---

请发布您的代码。请提供您面临的问题的详细信息，以便我们可以帮助您。错误何时发生？@JuniusL。现在我想你可以弄清楚到底发生了什么。我已粘贴了上面的代码片段。发布您的警报组件请发布您的代码请提供您面临的问题的详细信息，以便我们可以帮助您。错误何时发生？@JuniusL。现在我想你可以弄清楚到底发生了什么。我已经粘贴了上面的代码片段。发布您的警报组件