Better handling of Container keys

This commit is contained in:
Siklos 2022-07-31 19:00:24 +02:00
parent 6c029ac13c
commit ca79e18e53
3 changed files with 4 additions and 4 deletions

View file

@ -1,6 +1,7 @@
import * as React from 'react';
interface IContainerProps {
id: string,
// eslint-disable-next-line no-use-before-define
children: Container[],
x: number,
@ -11,18 +12,15 @@ interface IContainerProps {
}
export class Container extends React.Component<IContainerProps> {
public static ContainerCount = 0;
componentWillUnMount() {
}
public render(): React.ReactNode {
Container.ContainerCount++;
const containersElements = this.props.children.map(child => child.render());
return (
<g
transform={`translate(${this.props.x}, ${this.props.y})`}
key={`container-${Container.ContainerCount}`}
key={`container-${this.props.id}`}
>
<rect
width={this.props.width}