# Function ExecuteQueryByWidgetId Fusion Embed
ExecuteQueryByWidgetId(
props
):null
|ReactElement
<any
,any
>
Executes a query over the existing widget and renders a function as child component. The child component is passed the state of the query as defined in QueryByWidgetIdState.
This component takes the Children Prop Pattern and offers an alternative approach to the useExecuteQueryByWidgetId hook.
Note: Widget extensions based on JS scripts and add-ons in Fusion are not supported.
# Parameters
Parameter | Type | Description |
---|---|---|
props | ExecuteQueryByWidgetIdProps | ExecuteQueryByWidgetId properties |
# Returns
null
| ReactElement
< any
, any
>
ExecuteQueryByWidgetId component
# Example
The example below executes a query over the existing dashboard widget with the specified widget and dashboard OIDs.
<ExecuteQueryByWidgetId
widgetOid={'64473e07dac1920034bce77f'}
dashboardOid={'6441e728dac1920034bce737'}
>
{
({data, isLoading, isError}) => {
if (isLoading) {
return <div>Loading...</div>;
}
if (isError) {
return <div>Error</div>;
}
if (data) {
console.log(data);
return <div>{`Total Rows: ${data.rows.length}`}</div>;
}
return null;
}
}
</ExecuteQueryByWidgetId>