TypeError: невозможно прочесть свойство style из undefined

export class EstimateForm extends React.Component<IEstimateFormProps, 
IEstimateFormState> {
state: IEstimateFormState = {
cellUpdateCss: 'red',
toRow: null,
fromRow: null,
estimateList: null,
estimateItemList: [],
poseList: null,
levelList: null,
partList: null,
selectedEstimate: null,
totalEstimateItems: 0,
selectedIndexes: [],
totalEstimateAmount: 0,
grid: null,
projectId: 0,
};


constructor(props, context) {
super(props, context);
this.state.estimateList = this.props.estimateList;
}  


rowGetter = i => {
const row = this.state.estimateItemList[i];
const selectRevison = this.state.selectedEstimate.revision;
if (row['pose.poseName']) {
const poseCode = 
row['pose.poseName'].substring(row['pose.poseName'].lastIndexOf('[') + 1, 
row['pose.poseName'].lastIndexOf(']'));
for (const pose of this.state.poseList) {
if (pose.poseCode === poseCode) {
  row.pose = pose;
}
}
}

if (row['level.levelName']) {
const levelCode = row['level.levelName'].substring(
row['level.levelName'].lastIndexOf('[') + 1,
row['level.levelName'].lastIndexOf(']')
);
for (const level of this.state.levelList) {
  if (level.levelCode === levelCode) {
  row.level = level;
}
}
}

 if (row['level.part.partName']) {
 const partCode = row['level.part.partName'].substring(
 row['level.part.partName'].lastIndexOf('[') + 1,
 row['level.part.partName'].lastIndexOf(']')
 );
for (const part of this.state.partList) {
if (part.partCode === partCode) {
  row.part = part;
  }
 }
}

row.get = key => eval('row.' + key);
row.totalCost = (row.materialCost + row.laborCost) * row.amount;
const changeColor = {
  backgroundcolor: 'red'
  };
const all = document.getElementsByClassName('react-grid-Row') as 
HTMLCollectionOf<HTMLElement>;
debugger; if (row.revision > selectRevison) {
 for (let i = this.state.fromRow; i <= this.state.toRow; i++) {
      all[i].style.color = 'red';   //HERE
}
return row;
}
}

handleGridRowsUpdated = ({ fromRow, toRow, updated }) => {
const rows = this.state.estimateItemList.slice();

for (let i = fromRow; i <= toRow; i++) {
const rowToUpdate = rows[i];
const updatedRow = update(rowToUpdate, { $merge: updated });
rows[i] = updatedRow;
}

this.setState({ estimateItemList: rows, fromRow: (fromRow), toRow: (toRow) 
}, () => {
});

};

saveEstimateItems = () => {
if (this.state.selectedEstimate == null) {
toast.warn(<Translate 
contentKey = "bpmApp.estimateForm.pleaseSelectEstimate">Please select an 
estimate</Translate>);
return;
}



render() {

return ()
}

Я хочу изменить цвет строки, когда условие row.revision> this.state.selectedEstimate.revision. Как я могу предотвратить изменение this.color. Однако TypeError: невозможно прочитать свойство «style» неопределенного значения, получить ошибку, но цвет строки не изменился. Как я могу решить эту проблему? Это мой первый проект в React, и я не знаю, в чем проблема. Спасибо за ваши отзывы, ребята.