Это мой код на данный момент:
<Mutation mutation = {addUserQuery}>
{
(addUser, data)=>{
console.info(data)
return (
<div className = "form">
<form onSubmit = {(e)=>{
e.preventDefault();
console.info(e);
addUser({variables: {username: "AuraDivitiae",
firstname: "Michael",
lastname: "Lee"}})
}}>
<button type = "submit">Add User</button>
</form>
</div>
)
}
}
</Mutation>
Что делает Аполлон, когда появляется мутационный компонент?
Мне кажется, что я не совсем понимаю процессы, выполняемые внутри Apollo.
Подписывается ли Apollo на результат запроса о мутации?
Обновляет ли он затем кеш при возврате?
Сохраняются ли данные в каком-то состоянии компонентов?
Мне иногда кажется, что в документации недостаточно информации ...





Компонент <Mutation/> - это ... компонент нормальной реакции - у него есть собственное состояние, жизненные циклы, он использует клиент apollo (и его кеш), хранит данные.
Возможно, немного сбивает с толку то, что во время рендеринга у нас есть перерисовки, не вызванные setState нашего компонента.
Если <Mutation/> является компонентом, то де-факто ваш внутренний контент отображается функцией render из <Mutation/>, а не в нашем компоненте (он отображает только компонент <Mutation/>). Это дополнительный уровень глубины в древовидной структуре компонентов (с собственными жизненными циклами).