Immediately after a data is refetched for a component, if present, the on_refetch_data() method for the component will be called.
Example Usage
ui/pages/index/index.js
import joystick from '@joystick.js/ui';
const Index = joystick.component({
lifecycle: {
on_refetch_data: (instance = {}) => {
// Handle the on_refetch_data() event.
},
},
render: ({ state, when }) => {
return `
<div>...</div>
`;
},
});
export default Index;Use Caution With State
It's important to avoid calling set_state() inside of on_refetch_data() to copy props or other values over to state as it can cause unwanted rendering bugs. Instead, set your default state value to a function and map the props from the instance passed to that function over to state.
API
Definition
on_refetch_data(component_instance: object) => undefinedParameters
- component_instance object required
- The current component instance.