# Function ExecuteQuery
ExecuteQuery(
props
):null
|ReactElement
<any
,any
>
Executes a query and renders a function as child component. The child component is passed the state of the query as defined in QueryState.
This component takes the Children Prop Pattern and offers an alternative approach to the useExecuteQuery hook.
# Parameters
Parameter | Type | Description |
---|---|---|
props | ExecuteQueryProps | ExecuteQuery properties |
# Returns
null
| ReactElement
< any
, any
>
ExecuteQuery component
# Example
Example of using the component to query the Sample ECommerce
data source:
<ExecuteQuery
dataSource={DM.DataSource}
dimensions={[DM.Commerce.AgeRange]}
measures={[measureFactory.sum(DM.Commerce.Revenue)]}
filters={[filterFactory.greaterThan(DM.Commerce.Revenue, 1000)]}
>
{
({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;
}
}
</ExecuteQuery>