import React, { useState } from "react";
import "./App.css";
function App() {
let names = ["Коля", "Вася", "Петя", "Иван", "Дима"];
let [count, setState] = useState(0)
let arr = []
function handleClick() {
setState(count + 1)
arr = Array(count).fill('punkt')
}
return (
<div>
<ul>
{names.map((item, index) => {
return <li key={index}>{item}</li>;
})}
{arr.map((item, index) => {
return <li key={index}>{item}</li>
})}
</ul>
<button onClick={handleClick}>Add</button>
</div>
);
}
export default App;
Задача: Вывести список имён и по нажатии на кнопку, добавлять li в конец списка. Возможно у меня странный подход, я для каждого нажатия кнопки прибавляю к count единицу и создаю массив с count кол-вом елементов, но почему-то нету ни ошибки ни норм результата. Чо так?