feat: add data validation to PinterestLayout for safe column distribution
This commit is contained in:
parent
cd26e4bb83
commit
09fc4af459
|
|
@ -28,10 +28,11 @@ export const PinterestLayout: React.FC<{
|
||||||
});
|
});
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const columns: any[] = Array.from({ length: col }, () => []);
|
const columns: any[] = Array.from({ length: col }, () => []);
|
||||||
data.forEach((item, index) => {
|
if (Array.isArray(data) && data?.length)
|
||||||
const targetColumn = index % col; // Menentukan kolom target berdasarkan indeks
|
data.forEach((item, index) => {
|
||||||
columns[targetColumn].push(item); // Memasukkan elemen ke kolom yang sesuai
|
const targetColumn = index % col; // Menentukan kolom target berdasarkan indeks
|
||||||
});
|
columns[targetColumn].push(item); // Memasukkan elemen ke kolom yang sesuai
|
||||||
|
});
|
||||||
local.data = columns;
|
local.data = columns;
|
||||||
local.render();
|
local.render();
|
||||||
}, [data, col]);
|
}, [data, col]);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue