Apollo 客户端有类似mapStateToProps
(Redux) 之类的东西吗?
假设我有一个组件,查询后我知道缓存中有数据,所以我执行以下操作:
class Container extends React.Component {
...
...
render() {
const notes = this.props.client.readFragment(NOTES_FRAGMENT)
// notes has everything I need
return (<Child notes={notes} />);
}
}
export default WithApollo(Container);
但是,当我有一个调用变异并进行更新的同级组件时,该<Child />
组件的props永远不会得到更新。
class AnotherContainer extends React.Component {
render() {
return(
<Mutation
mutation={UPDATE_NOTE}
update={(cache, {data: {updateNote}}) =? {
const list = cache.readFragment({
fragment: NOTES_FRAGMENT
})
// manipulate list
cache.writeFragment({fragment:NOTES_FRAGMENT, data })
}
}
)
}
}
所以我的问题是,<Child />
当我执行 writeFragment 时如何更新组件的props?有没有像 mapStateToProps 这样的东西将notes
props“连接”到缓存,所以每当它更新时,都会触发 React 生命周期?