React Datasheet Grid - Render函数不允许更改

Question

我正在使用@Equify/React - dataset -grid开发一个基于React的网站。当我使用render()函数时，我不能改变单元格的值。我也检查了这个问题(反应输入类型不可编辑)。但是我不能解决我的问题。

下面是我的代码:

columns

const columns = [
textColumn({ title: 'Kulak No', 
width: 1, 
minWidth: 200, 
key: 'identityNumber',
render: d=>renderStyle(d.rowData['identityNumber'], d.rowIndex)})
]

renderStyle

const renderStyle = (value, rowIndex) => {
return (<input className='dsg-input' defaultValue={value} style={{"pointerEvents": "none", "backgroundColor": "rgba(199, 184, 26, 0.6)"}}>);

我将感激任何帮助。PS:请考虑我是React的新手。

Answer 1

我在@Equify/react-datasheet-grid上打开了这个问题。你可以从链接中看到。我找到了解决方案:

const columns = [
textColumn({ title: 'Kulak No', 
width: 1, 
minWidth: 200, 
key: 'identityNumber',
render: ({rowData, rowIndex, columnIndex, setRowData}) => renderStyle(rowData, rowIndex, columnIndex, setRowData), d.rowIndex)})
]

const renderStyle = (rowData, rowIndex, columnIndex, setRowData) => {
let column = getKeyByValue(columnsIndexes, columnIndex);
return (
<input className='dsg-input' 
defaultValue={rowData[column]} 
onChange={(e) => setRowData({...rowData, column: e.target.value})} 
style={{'backgroundColor': 'aqua'}}>
</input>);
}