reactjs - 在 react 钩子(Hook)中将数组添加到数组状态给出一个数字

Question

我声明了一个数组状态并想在其中添加一些数组，例如:

const [number, setNumber] = useState(3);
const [TimePickerList, setTimePickerList] = useState([]);
useEffect(() => {
        
        for(var i = 0; i < number ; i++) { 
           setTimePickerList(TimePickerList.push([]))
           
        }
        console.log(TimePickerList); // it gives me an array like this : [[],[],[]]
    }, [number])

但是当我在另一个函数中从 TimePickerList 获取日志时，它给了我一个数字 (3)。我在我的数组状态下丢失了我的数组(我期待这样的事情:[[]，[]，[]] 但是虽然给了我数组的长度)我也使用了 concat() 但它给了我一个空数组并且没有添加我的数组

Answer 1

您可以将值推送到一个空数组中。然后将其设置为您的状态

    const [number, setNumber] = useState(3);
    const [TimePickerList, setTimePickerList] = useState([]);
    useEffect(() => {
            var list = []
            for(var i = 0; i < number ; i++) { 
               list.push(i)
            }
            setTimePickerList(list)
        }, [number])