[V2] Improve WhenVisible component to merge data and params props for a more flexible API - Githubissues

inertiajs / inertia

Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.

https://inertiajs.com

MIT License

6.55k stars 435 forks source link

[V2] Improve WhenVisible component to merge data and params props for a more flexible API #2048

Open PedroAugustoRamalhoDuarte opened 1 month ago

PedroAugustoRamalhoDuarte commented 1 month ago

This PR fixes #2025

Enhancements

Merge data and params props:
This PR introduces a more flexible API that merges the data and params props. Now, you can pass both in a single configuration like this:
```
<WhenVisible fallback="Loading..." data={["todos", "pagy"]} params={{
data: {
  teste: true,
  page: pagy.page + 1,
},
preserveUrl: true,
}} />
```

Make children optional in WhenVisible:
Which enhances use cases like InfiniteScroll. Here’s an example:

<WhenVisible fallback="Loading..." params={{
data: {
  page: pagy.page + 1,
},
only: ["todos", "pagy"],
preserveUrl: true,
}} />