andywer / andywer/use-inline-memo

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

Aperta
#18 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
164
Fork
3
Merge medio
17h 56m
PR unite (30g)
2

Descrizione

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?

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.