我正在尝试在服务器上更新后同步apollo缓存。
我应该直接写入缓存,还是只能重新写入更新的数据?
实际上,我只是试图重新绘制更新后的数据,但仍然不起作用。
我有一个
programs(title: String)
如果标题为空,则查询获取所有程序,请参阅下面的代码:
class Programs extends React.Component {
render() {
const FIND_PROGRAMS = gql`query findPrograms($title: String) {
programs(title: $title) { id title description }
}`
return (
// The query fetch all programs if title is empty
<Query query={FIND_PROGRAMS} variables={{ title: '' }}>
{({ data, error, loading, refetch }) => {
if (loading) return <span>Loading</span>
if (error) return <span>{error.message}</span>
return (
<div>
{ data.programs.map(program => <ProgramSummary program={program} />)}
<button
onClick={() => axios
.patch('path/to/endpoint', payload)
.then(updatedProgram => {
// Should I update the cache myself with something like this ?
// client.writeData(...)
// Or should I refetch only updated Program like this ?
refetch({ title: updatedProgram.title }) // Not working yet
})
}
>
UpdateProgram
</button>
</div>
)
}}
</Query>
)
}
}
我的重新蚀刻不起作用,我应该做错什么了。
请帮忙。