Javascript 对象作为React子对象无效（找到：键为{$$typeof，render}的对象）React警报

我对React和React alert有此问题

在这里，我调用了AlertProvider和Alerts，后者是一个文件，我在其中配置了警报，但生成了一个错误，在控制台中，我得到了错误标题：

未捕获错误：对象作为React子对象无效（找到：对象 使用键{$$typeof，render}）。如果要呈现一组 子级，请改用数组

当我把它放在评论里时，它就消失了

Codigo App.js

import React, {Component, Fragment} from 'react';
import ReactDOM, { render } from 'react-dom';

import { transitions, positions, Provider as AlertProvider } from 'react-alert';
import AlertTemplate from 'react-alert-template-basic';

import Header from './layout/Header';
import Dashboard from './leads/Dashboard';
import Alerts from './layout/Alerts';

import { Provider } from 'react-redux';
import store from '../store';


// Alert Options

const options = {
    timeout: 3000,
    position: "top center"
}

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

ReactDOM.render(<App/>, document.getElementById('app'));

import React，{Component，Fragment}来自'React'；
导入ReactDOM，{render}来自“ReactDOM”；
从“react alert”导入{转换、定位、提供程序为AlertProvider}；
从“react alert template basic”导入AlertTemplate；
从“./layout/Header”导入标题；
从“/leads/Dashboard”导入仪表板；
从“/layout/Alerts”导入警报；
从'react redux'导入{Provider}；
从“../store”导入存储；
//警报选项
常量选项={
超时：3000，
位置：“上止点”
}
类应用程序扩展组件{
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'app'））；

当我调用App.js时，问题就出现了

codigo Alerts.js

import React, { Component, Fragment } from 'react';
import { withAlert } from 'react-alert';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';

export class Alerts extends Component {

    static propTypes = {
        error: PropTypes.object.isRequired
    }

    componentDidUpdate() {
        this.props.alert.show("It Works");
    }

    render() {
        return <Fragment />;
    }
}


const mapStateToProps = state => ({
    error: state.errors
});


export default connect(mapStateToProps)(withAlert(Alerts));

import React，{Component，Fragment}来自'React'；
从“反应警报”导入{withAlert}；
从'react redux'导入{connect}；
从“道具类型”导入道具类型；
导出类警报扩展组件{
静态类型={
错误：PropTypes.object.isRequired
}
componentDidUpdate（）{
这个.props.alert.show（“它起作用”）；
}
render（）{
返回；
}
}
常量mapStateToProps=状态=>({
错误：state.errors
});
导出默认连接（MapStateTops）（带警报（警报））；

是的，我可以解决更改

withAlert (Alerts) 

借

---

谢谢

哪一行抛出了错误？编辑：查看，您应该调用

带警报（）（警报）

，而不是

带警报（警报）

。

withAlert()(Alerts)