CustomHook.jsx 489 B

12345678910111213141516171819202122232425
  1. import useStorage from '../hooks/useStrorage';
  2. function CustomHook() {
  3. let [count, setCount] = useStorage('count');
  4. let [msg, setMsg] = useStorage('message');
  5. return (
  6. <div>
  7. <p>
  8. local storage:{count} == {msg}
  9. </p>
  10. <p>
  11. <button
  12. onClick={() => {
  13. setCount(count + 10);
  14. setMsg(`加1--${Date.now()}`);
  15. }}
  16. >
  17. +10
  18. </button>
  19. </p>
  20. </div>
  21. );
  22. }
  23. export default CustomHook;