import React, { useEffect, useState, useMemo } from 'react';
useMemo 使用(相当与vue的计算属性 Computed )
const nextBtnText = useMemo(() => {
if (step == 0) {
return '下一步,填写库存信息';
} else if (step == 1) {
return '下一步,填写关联商品';
}
}, [step]);
使用
<Button type="primary" onClick={handleForm1}>
{nextBtnText}
</Button>
useState使用 (相当于vue里面的state)
const [checkedArr, setCheckedArr] = useState([ ]);
setColorObj(checkedArr.splice(1, i));
setCheckedArr([...checkedArr, colorObj[i]]);
checkedArr[1][name] = value;
setCheckedArr([...checkedArr]);
useEffect 使用 (异步操作在里面进行)
useEffect(() => {
initBrand();
initKind();
initSeries();
}, []);