关于react.js:react-hook小记持续更新

很久以前看到 react hook 的时候, 因为我的项目中没有应用过, 所以也就没有很器重, 对它也就是理解的状态. 当初再看, 有了一些小的了解, 记录一下.

const [name, setName] = useState('Mary');

也能够是 const [name, banana] = useState('Mary'); 一样能够失常应用, 即批改 state 的办法能够是任意名称

之前我认为 useState 和 useEffect 是配对的, 只能这么写:

const [name, setName] = useState('Mary');
useEffect(function persistForm() {localStorage.setItem('formData', name);
});

const [surname, setSurname] = useState('Poppins');

useEffect(function updateTitle() {document.title = name + ' ' + surname;});

就是 useState 前面必须有一个 useEffect, 但其实也能够这样写:

const [name, setName] = useState('Mary');
const [surname, setSurname] = useState('Poppins');
  
useEffect(function persistForm() {localStorage.setItem('formData', name);
});
useEffect(function updateTitle() {document.title = name + ' ' + surname;});

useEffec 并非肯定要跟在配对的 useState 的前面, 那种写法是为了直观一点.useEffect 会顺次调用, 比方调用 setName, 两个 useEffect 都会执行的, 只不过第二个值不会扭转