SU
Size: a a a
SU
AK
SU
ДФ
SU
K
K
V
const [elemList, setElemList] = useState(getElemList);
const getElemList = blockList.map((elem, index) => {
const {name, id} = elem;
const handleClick = () => {
const newElem = {...elem, name: new Date().toString()}
const newList = elemList.slice();
newList[index] = newElem;
setElemList(newList);
}
return (
<div className="block-elem" key={id} onClick={handleClick}>
{ name }
</div>
)
})
V
CM
ДФ
V
const [elemList, setElemList] = useState(getElemList);
const getElemList = blockList.map((elem, index) => {
// handleClick(elem, index)
const handleClick = () => {
const newElem = {...elem, name: new Date().toString()}
const newList = elemList.slice();
newList[index] = newElem;
setElemList(newList);
}
console.log(elemList)
return (
<div className="block-elem" key={index} onClick={handleClick}>
{ elem.name }
</div>
)
})
S
const [elemList, setElemList] = useState(getElemList);
const getElemList = blockList.map((elem, index) => {
// handleClick(elem, index)
const handleClick = () => {
const newElem = {...elem, name: new Date().toString()}
const newList = elemList.slice();
newList[index] = newElem;
setElemList(newList);
}
console.log(elemList)
return (
<div className="block-elem" key={index} onClick={handleClick}>
{ elem.name }
</div>
)
})
V
V
NR
V
CM
V
K