6.7.5 β’ Published 1 year ago
@trz/hooks v6.7.5
@trz/hooks
A magical utils π
Usage
import { useHistory } from 'react-router';
import { useQueries } from "@trz/hooks";
/* -------------------------------------------------------------------------- */
// App.tsx
function TestComponent(): ReactElement {
const [ queries, setQueries ] = useQueries({ pageSize: 10, pageNo: 1 });
const _clickHandler = useCallback(() => {
setQueries((queries) => {
return { ...queries, pageNo: 2};
});
//Redirect => /index?pageNo=2&pageSize=10
}, [])
useLayoutEffect(() => {
console.log(queries.pageSize, queries.pageNo);
//print => 10 1
}, [ queries ]);
return (
<Some.Component>
<Link to={`/index?pageNo=${queries.pageNo - 1}&pageSize=${queries.pageSize}`}>Prev</Link>
<Link to={`/index?pageNo=${queries.pageNo + 1}&pageSize=${queries.pageSize}`}>Next</Link>
<Button
onClick={() => {
setQueries({ pageNo: 2 });
//Redirect => /index?pageNo=2
}}>
Click me
</Button>
<Button
onClick={_clickHandler}>
Click me
</Button>
</<Some.Component>>
);
}
6.7.5
1 year ago
6.7.0
1 year ago
6.7.2
1 year ago
6.7.1
1 year ago
6.7.3
1 year ago
7.0.0-beta.2
1 year ago
7.0.0-beta.3
1 year ago
7.0.0-beta.0
1 year ago
7.0.0-beta.1
1 year ago
6.6.8
2 years ago
6.6.7
2 years ago
6.6.6
2 years ago
6.0.1
2 years ago
6.0.0
2 years ago
6.0.2
2 years ago
5.2.7
2 years ago
5.2.6
2 years ago
5.2.5
2 years ago
5.2.3
2 years ago
5.2.0
2 years ago
5.2.2
2 years ago
5.2.1
2 years ago
5.0.8
2 years ago
5.0.6
2 years ago
5.0.5
2 years ago
5.0.2
2 years ago
5.0.1
2 years ago
5.0.0
2 years ago