admin管理员组文章数量:1322017
I am trying to iterate over the result of calling function X, but I get the error: 'X is not a function or its return value is not iterable.
I am using RTK Query. I am fetching data using post call on button click.
this is how my code looks like
searchApiSlice.js
export const searchApiSlice = apiSlice.injectEndpoints({
endpoints: (builder) => ({
searchCustomers: builder.query({
query: (reqBody) => ({
url: '/customers/search',
method: 'POST',
body: reqBody
})
}),
})
});
export const { useSearchCustomersQuery } = searchApiSlice;
SearchControls.js
function SearchControls(){
const req = { startDate: "2024-10-01T12:00:00", endDate: "2024-08-29T12:00:00" };
const [ trigger, { data } ] = api.endpoints.searchCustomers.useLazyQuery();
function handleSearch(args){
trigger(args)
}
return(
<div>
<button type="button" onClick={() => handleSearch(req)}>Search</button>
</div>
);
}
export default SearchControls;
What could be causing this issue? I have checked that X is defined, but I am still encountering this error.
TypeError
(0 , _searchApiSlice__WEBPACK_IMPORTED_MODULE_1__.useSearchCustomersQuery) is not a function or its return value is not iterable
I am trying to iterate over the result of calling function X, but I get the error: 'X is not a function or its return value is not iterable.
I am using RTK Query. I am fetching data using post call on button click.
this is how my code looks like
searchApiSlice.js
export const searchApiSlice = apiSlice.injectEndpoints({
endpoints: (builder) => ({
searchCustomers: builder.query({
query: (reqBody) => ({
url: '/customers/search',
method: 'POST',
body: reqBody
})
}),
})
});
export const { useSearchCustomersQuery } = searchApiSlice;
SearchControls.js
function SearchControls(){
const req = { startDate: "2024-10-01T12:00:00", endDate: "2024-08-29T12:00:00" };
const [ trigger, { data } ] = api.endpoints.searchCustomers.useLazyQuery();
function handleSearch(args){
trigger(args)
}
return(
<div>
<button type="button" onClick={() => handleSearch(req)}>Search</button>
</div>
);
}
export default SearchControls;
What could be causing this issue? I have checked that X is defined, but I am still encountering this error.
TypeError
(0 , _searchApiSlice__WEBPACK_IMPORTED_MODULE_1__.useSearchCustomersQuery) is not a function or its return value is not iterable
Share
Improve this question
edited Feb 14 at 14:11
noBoom
asked Jan 14 at 13:10
noBoomnoBoom
1451 gold badge3 silver badges13 bronze badges
3
- Are you asking about 2 different problems, or is the error at the end of the post what you want specific help with? The code all seems fine to me, can you edit the title to more accurately reflect what you are asking for help with, and to add a complete minimal reproducible example? See also if you can create a running CodeSandbox demo that reproduces the issue that readers can inspect live. – Drew Reese Commented Jan 14 at 16:27
- if code looks fine then yes question is about the error. – noBoom Commented Jan 14 at 17:09
- Please edit to include the complete error message and any accompanying stacktrace(s), and a complete minimal reproducible example that reproduces the problem. – Drew Reese Commented Jan 14 at 20:23
1 Answer
Reset to default 0following error went away after updating version of react and redux
TypeError
(0 , _searchApiSlice__WEBPACK_IMPORTED_MODULE_1__.useSearchCustomersQuery) is not a function or its return value is not iterable
本文标签:
版权声明:本文标题:reactjs - Why am I getting 'X is not a function or its return value is not iterable' in JavaScript? - Stack Over 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742113092a2421343.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论