add generate id

src/index.js

@@ -1,18 +1,18 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { createElement } from './utils.js';
+import {createElement, generateId} from './utils.js';
 import App from './app.js';
 import Store from './store.js';
 
 const store = new Store({
   list: [
-    { code: 1, title: 'Название элемента' },
-    { code: 2, title: 'Некий объект' },
-    { code: 3, title: 'Заголовок' },
-    { code: 4, title: 'Очень длинное название элемента из семи слов' },
-    { code: 5, title: 'Запись' },
-    { code: 6, title: 'Шестая запись' },
-    { code: 7, title: 'Седьмая запись' },
+    { code: generateId(), title: 'Название элемента' },
+    { code: generateId(), title: 'Некий объект' },
+    { code: generateId(), title: 'Заголовок' },
+    { code: generateId(), title: 'Очень длинное название элемента из семи слов' },
+    { code: generateId(), title: 'Запись' },
+    { code: generateId(), title: 'Шестая запись' },
+    { code: generateId(), title: 'Седьмая запись' },
   ],
 });
 

src/store.js

@@ -1,6 +1,8 @@
 /**
  * Хранилище состояния приложения
  */
+import {generateId} from "./utils";
+
 class Store {
   constructor(initState = {}) {
     this.state = initState;
@@ -44,7 +46,7 @@ class Store {
   addItem() {
     this.setState({
       ...this.state,
-      list: [...this.state.list, { code: this.state.list.length + 1, title: 'Новая запись' }],
+      list: [...this.state.list, { code: generateId(), title: 'Новая запись' }],
     });
   }
 

src/utils.js

@@ -1,5 +1,5 @@
 const propNames = new Set(['id', 'className', 'textContent', 'onclick']);
-
+let id = 1;
 /**
  * Создание элемента со свойствами и вложенными элементами
  * @param name {String} Название HTML тега
@@ -34,4 +34,8 @@ export function getWordForCount(count) {
   } else {
     return 'раз';
   }
-}
+};
+
+export const generateId = () =>{
+    return id++;
+};