Reactjs 如何使用ConnectedOuter+；重演

我是个新手。我在做样品

我正在使用ConnectedRouter移动页面。 似乎无法在Page01组件中获取状态

const store = configureStore();

ReactDOM.render(
    <Provider store={store}>
        <ConnectedRouter history={history} >
            <Switch>
                <Route exact path="/" component={App}/>
                <Route exact path="/page1" component={Page01}/>
                <Route exact path="/page2" component={Page02}/>
            </Switch>
        </ConnectedRouter>
    </Provider>,
    document.getElementById('root')
);

const store=configureStore（）；
ReactDOM.render(
,
document.getElementById（'root'））
);

import React，{Component}来自'React'；
从'react redux'导入{connect}；
类Page01扩展组件{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{
这是fetchData（'https://594ecc215fbb1a00117871a4.mockapi.io/comments');
}
获取数据（url）{
this.setState（{isLoading:true}）；
获取（url）。然后（（响应）=>{
如果（！response.ok）{
抛出错误（response.statusText）；
}
this.setState（{isLoading:false}）；
返回响应；
})
.then（（response）=>response.json（））
.then（（comments）=>this.setState（{comments}））
.catch（（）=>this.setState（{hasError:true}））；
}
render（）{
返回(

{this.state.comments.map（（项）=>(

{item.comment}

))}

)
}
}
导出默认连接（（状态）=>状态）（第01页）；

我想获取json数据并在render中显示它们。

此.state.comments

始终未定义

---

你觉得怎么样？

在构造函数中添加了初始化状态

    constructor(props) {
        super(props);
        this.state = {
            comments: [],
            isLoading: false,
            hasError: false
        }
    }

---

它可以工作。

您在哪里定义了

注释

state我在configreStore的reducer中定义了它。很高兴在这里帮助您开始对话。绑定“this”是否存在问题？？？也许“fetchData”的箭头函数有助于入门。将“fetchData（url）{”替换为“fetchData=url=>{”给我3个小时的时间回来。非常感谢。我将“fetchData（url）{”替换为“fetchData=url=>{”。它不起作用。

    constructor(props) {
        super(props);
        this.state = {
            comments: [],
            isLoading: false,
            hasError: false
        }
    }