因此,我试图为从服务器获取数据的编辑组件设置初始状态,现在应该可以在组件状态下进行编辑。但当我尝试这样做时:
<;查询查询={POST_Query}变量={{id:this.props.match.params.id}}>;
{({data,loading,error})=>{
this.setState({title:data.title})
我陷入了一个无限循环中,因为这是在渲染中。我是否应该在查询组件中使用组件状态?如果不是,还有什么替代方案
任何需要此数据作为状态的组件都应在查询
组件中呈现,然后将数据作为道具传递给它。例如:
类MyComponent扩展了React.Component{
建造师(道具){
此.state={
标题:props.post.title
}
}
}
<;查询查询={POST_Query}变量={{id:this.props.match.params.id}}>;
{({data,loading,error})=>{
<;MyComponent post={data.post}/>;
}}
<;/Query>;