如何将其转换为反应功能组件
How to convert it to react functional component
我从 react-data-grid 中获得了这个我已经将它转换为功能组件但是当我更改一行的内容时我卡住了,更改将生效
原创
onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
this.setState(state => {
const rows = state.rows.slice();
for (let i = fromRow; i <= toRow; i++) {
rows[i] = { ...rows[i], ...updated };
}
return { rows };
});
};
我的代码
const columns = [some data];
let rowsIntial = [some data];
const[rows,setRows]=useState(rowsinitial);
const onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
const rows = rows.slice();
console.log(rows);
for (let i = fromRow; i <= toRow; i++) {
rows[i] = { ...rows[i], ...updated };
}
return rows;
};
JSX:
<ReactDataGrid
columns={columns}
rows={rows}
onGridRowsUpdated={onGridRowsUpdated}
enableCellSelect={true}
/>
如何更改 onGridRowsUpdated
以进行工作?
const onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
setRows((state) => {
const newRows = state.slice();
console.log(newRows);
for (let i = fromRow; i <= toRow; i++) {
newRows[i] = { ...newRows[i], ...updated };
}
return newRows;
}
};
我从 react-data-grid 中获得了这个我已经将它转换为功能组件但是当我更改一行的内容时我卡住了,更改将生效
原创
onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
this.setState(state => {
const rows = state.rows.slice();
for (let i = fromRow; i <= toRow; i++) {
rows[i] = { ...rows[i], ...updated };
}
return { rows };
});
};
我的代码
const columns = [some data];
let rowsIntial = [some data];
const[rows,setRows]=useState(rowsinitial);
const onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
const rows = rows.slice();
console.log(rows);
for (let i = fromRow; i <= toRow; i++) {
rows[i] = { ...rows[i], ...updated };
}
return rows;
};
JSX:
<ReactDataGrid
columns={columns}
rows={rows}
onGridRowsUpdated={onGridRowsUpdated}
enableCellSelect={true}
/>
如何更改 onGridRowsUpdated
以进行工作?
const onGridRowsUpdated = ({ fromRow, toRow, updated }) => {
setRows((state) => {
const newRows = state.slice();
console.log(newRows);
for (let i = fromRow; i <= toRow; i++) {
newRows[i] = { ...newRows[i], ...updated };
}
return newRows;
}
};