How to overwrite state in React?

Question

css

How can I change the value of active ?

this.state = {
  clientData: {
    vatExisting: false,
    vatAmount: "",
    active: null
  }
};

I'm trying to do it this way, but I'm overwriting the clientData array and I only want clientData.active :

activeCheckboxChange = () => {
    this.setState(prevState => ({
      clientData: {active: !prevState.clientData.active }
    }));
  };

Answer 1

overlay left and right translucent white blocks with absolute positioning.

Answer 2

We take any js slider that can rotate several images, using css we modify the blocks with buttons, adding volume, transparency, and anything else.
Finishing js to taste

Answer 3

as I understand it, your slider is in .container, and not in container-fluid Slider
wrappers

.slider{
  position:relative;
}

.slider:before,.slider:after{
  content:'';
  display: block;
  position:absolute;
  top:0;
  bottom:0;
  width: 100%; /*Вот тут проблема, чтобы точно определить расстояние от края до контейнера слайдера*/
  width:calc((100vw - 1000px)/2);  /*Смотрите кроссбраузерность*/
  background:rgba(255,255,255,.8);
}
.slider:before{
  right:100%;
}
.sliderr:after{
  left:100%;
}

codepen.io/STutukov/pen/mPardX
calc
if calc is not suitable, then you also need an oveflow wrapper so that it hides everything outside the screen. Briefly understand)))

Answer 4

this.setState(prevState => ({
  clientData: {
    ...prevState.clientData,
    active: !prevState.clientData.active,
  },
}));