Reactjs 反应表';s使用useCallback获取数据
我将React Table与Redux一起使用,有一个名为Reactjs 反应表';s使用useCallback获取数据,reactjs,react-redux,react-table,Reactjs,React Redux,React Table,我将React Table与Redux一起使用,有一个名为fetchData的函数,其中调度了一个FETCH\u数据操作 GetParameters()返回带有搜索查询、日期筛选器和其他筛选器的对象获取数据。它不会重新执行getParameters()。它只从fetchData的参数(pageSize、pageIndex)获取更改,而不从状态获取更改 我知道useCallback正在进行记忆,但仍然找不到解决方案 const getParameters = () => { return
fetchData
的函数,其中调度了一个FETCH\u数据操作
GetParameters()
返回带有搜索查询、日期筛选器和其他筛选器的对象<每当我更改页面或按页面过滤器更改项目时,都会触发代码>获取数据。它不会重新执行getParameters()
。它只从fetchData
的参数(pageSize、pageIndex)获取更改,而不从状态获取更改
我知道useCallback
正在进行记忆,但仍然找不到解决方案
const getParameters = () => {
return { query: searchQuery, employee, ...daysToExpireFilter };
};
const fetchData = React.useCallback(({ pageSize, pageIndex }) => {
setPageSize(pageSize);
setPageIndex(pageIndex);
dispatch({
type: FETCH_DOCUMENTS,
payload: agent.document.all(pageIndex + 1, pageSize, getParameters())
});
//eslint-disable-next-line
}, []);
我不得不修改useCallback的输入参数,以添加statecustomState。(此处GetParameters) 然后在表组件的父方法中,添加新参数
// Listen for changes in pagination and use the state to fetch our new data
React.useEffect(() => {
fetchData({ pageIndex, pageSize, customState })
}, [fetchData, pageIndex, pageSize])
不要将其添加到“pageSize]”之后的第二个参数中(否则,每次customState更改时,它都会调用fetchData)。
然后将其作为新参数添加到同一表组件中
function Table({
customState,
...
})
我不得不修改useCallback的输入参数,以添加statecustomState。(此处GetParameters) 然后在表组件的父方法中,添加新参数
// Listen for changes in pagination and use the state to fetch our new data
React.useEffect(() => {
fetchData({ pageIndex, pageSize, customState })
}, [fetchData, pageIndex, pageSize])
不要将其添加到“pageSize]”之后的第二个参数中(否则,每次customState更改时,它都会调用fetchData)。
然后将其作为新参数添加到同一表组件中
function Table({
customState,
...
})
从另一个账户得到了问题禁令,嗯?在那里,从另一个账户得到了问题禁令,嗯?我去过那里。