andywer / andywer/use-inline-memo

Question: Can this library be used to memoize components inline?

Ouverte
#18 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
164
Forks
3
Merge moyen
17 h 56 min
PR mergées (30 j)
2

Description

Heya, nice project!

Just wanted to check if and how this library can be used to memoize components inline, e.g.:

```typescript
const Row = memo((props) => {
const { isLoadingRowAction, rowId } = props;

const thisLoadingRowAction = isLoadingRowAction === rowId;

return (
<>
{memo.circularFadeIn(


,
[thisLoadingRowAction]
)}

);
});
```

It appears that the component is one render behind, e.g. the CircularProgress doesn't fade in until the render **after** thisLoadingRowAction is `true` (even if it is false on the next render).

Any advice or guidance would be appreciated :)

Edit: Just did some logging:

![image](https://user-images.githubusercontent.com/5377480/154468463-e67b0ad3-32a9-43b9-8644-e263b3bd2dd9.png)

![image](https://user-images.githubusercontent.com/5377480/154468206-4fb81971-3928-4240-87ed-5af1f486a2c4.png)

Appears `in` is `true` in the second log but not in the first?

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.