import React from 'react'; 
const RowArray=()=>{
    
    return(
        <div>
            <h1>Row Array</h1>
        </div>
    )
}; 
const chunk_array = (list, integer)=>{
     
        let temp_arr = list;
        console.log('chunks',list,'integer',integer);
        const list_of_chunks = [];
        const iteration = Math.ceil(+list.length/+integer);
        // list.map(x => {console.log(x,"map")})
        for (let i;i< iteration ;i++ ){
            console.log(i);
            let temp_chunk = temp_arr.splice(6, temp_arr.length);
            list_of_chunks.push(temp_chunk); 
        }; 
        return list_of_chunks;
}

const TableArray=({details})=>{
    const data = chunk_array(details);
    console.log('data', data);
    return(
        <div className="d-flex flex-row">
            <RowArray/>
        </div>
    )
};

export default TableArray;

函数块数组中的for循环不起作用，因为控制台中没有记录i。我知道在jsx中for循环可能不起作用，我相信我在纯javascript环境中定义了函数，那么你认为为什么会起作用？
Console.log（i）不记录任何内容，就像在循环行跳过的函数中一样