export class Medidor {
onUpdateFeature() {
}
id: number;
gas: any;
name: string;
qualification: number;
maxQualification: number;
}
export default function CircleMeter(props: Medidor) {
const renderMeter = () => {
let circles = [] as JSX.Element[];
for (let circle = 1; circle <= props.maxQualification; ++circle) {
circles.push(<FiCircle
className={circle <= props.qualification ? 'filled-circle' : 'circle'}
onClick={() => onCircleClicked(circle)} />);
}
circles.push(<input value={props.qualification}></input>)
return circles;
}
const onCircleClicked = (qualification: number) => {
const gas = props.gas.copy();
gas.qualification = qualification;
props.onUpdateFeature();
}
return <div key={props.gas.id}>
{props.gas.name}
<div>{renderMeter()}</div>
</div>
}
Я немного растерялся, я получаю свойство Cannot read 'id' неопределенной ошибки, но у меня 0 ошибок в моем vscode. может кто-нибудь помочь мне понять это немного лучше? Что мне нужно объявить, чтобы моя функция распознала идентификатор?