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

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

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

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

1. 之前我认为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都会执行的,只不过第二个值不会扭转