Как сделать так что когда я нажимаю на кнопку добавить ряд по вертикали он добавлял ряд по вертикали и так же его мог удалять? То что то вообще не догоняю как это реализовать...
function Wrapper(){
const style_wrapper = {
display:'grid',
position: 'absolute',
left: '50%',
top: '50%',
transform: 'translate(-50%, -50%)',
margin: '0 auto',
gridTemplateColumns: '1fr 1fr 1fr 1fr 1fr',
}
const style__item_wrapper = {
position:'relative',
width: '150px',
height: '150px',
margin:'5px'
}
function addVertically() {}
function removeVertically() {}
function addHorizontals() {}
function removeHorizontals() {}
return (
<>
<div id="priem">
<div className="container__wrapper" style={style_wrapper}>
<img className="item_wrapper" id="item1" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item2" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item3" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item4" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item5" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item6" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item7" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item8" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item9" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item10" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item11" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item12" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item13" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item14" style={style__item_wrapper} src="" alt=""/>
<img className="item_wrapper" id="item15" style={style__item_wrapper} src="" alt=""/>
</div>
</div>
<button onClick={addVertically}>Добавить ряд по вертикале</button>
<button onClick={removeVertically}>Удалить ряд по вертикале</button>
<button onClick={addHorizontals}>Добавить ряд по горизонтали</button>
<button onClick={removeHorizontals}>Удалить ряд по горизонтали</button>
</>
);
};
export default Wrapper;