在react apollo的查询组件中设置状态

因此,我试图为从服务器获取数据的编辑组件设置初始状态,现在应该可以在组件状态下进行编辑。但当我尝试这样做时:

<查询查询={POST_Query}变量={{id:this.props.match.params.id}}>
{({data,loading,error})=&gt{
this.setState({title:data.title})

我陷入了一个无限循环中,因为这是在渲染中。我是否应该在查询组件中使用组件状态?如果不是,还有什么替代方案

任何需要此数据作为状态的组件都应在查询组件中呈现,然后将数据作为道具传递给它。例如:

类MyComponent扩展了React.Component{
建造师(道具){
此.state={
标题:props.post.title
}
}
}
<查询查询={POST_Query}变量={{id:this.props.match.params.id}}>
{({data,loading,error})=&gt{
<MyComponent post={data.post}/>
}}
</Query>

发表评论