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都会执行的,只不过第二个值不会改变