Почему state меняется сам по себе, хотя я ничего не присваиваю?

Yustas Alexu, спасибо

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, все равно получается, что мутирует state

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, так если сравнить

const formControls = controls.slice();
console.log(controls == formcontrols)

выдаст false, из-за того, что объект скопирован slice-oм,
а если присвоить без .slice(), тогда показывает true, т.е. что это один и тот же объект.
Почему я мутирую стейт, если я изменяю его копию?

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, при изменении инпутов до надписи "Аттестат", внутри enrollerControls у соответствующего инпуту объекта меняется поле value. При изменении полей ниже слова "Аттестат" аналогичное происходит в subjectsControls.
Я вижу что у меня все меняется, но я не понимаю, каким образом меняется enrollerControls и subjectsControls, если я в функции changeHandler пишу это:
const formControls = controls.slice();
тем самым создавая копию либо enrollerControls, либо subjectsControls. После чего редактирую копию и в setState сохраняю новый объект. Как меняется enrollerControls и subjectsControls??

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, https://codesandbox.io/s/github/DarkRide88/arm-bsuir

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович,

changeHandler = (value, controlName, controls) => {
    const formControls = controls.slice();
    const control = formControls[controlName]

    control.touched = true
    control.value = value
    control.valid = validate(control.value, control.validation)

    formControls[controlName] = control  
    this.setState({     
      formcontrols,
      isFormValid: validateForm()
    })
  }

  renderControls(controls) { 
    return controls.map((control,index) => {     
      return(
        <Auxillary key={index}>
          <Input
          type={control.type}
          label={control.label}
          value={control.value}
          valid={control.valid}
          shouldValidate={!!control.validation}
          touched={control.touched}
          errorMessage={control.errorMessage}
           onChange={event => this.changeHandler(event.target.value, index, controls)}

        />
       </Auxillary>
      )
    })
     
    
  }


Это вызываю в render-e
{this.renderControls(this.state.enrollerControls)}

this.state.enrollerControls - это массив с объектами внутри, каждый объект отвечает за инпуты и имеет поле value.

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, я же говорю, если setState закомментировать, то state не меняется больше

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, данный кусок кода принимает value у инпута, а также частать стейта, которая должна принять значение из этого value, я сделал console.log(this.state). И при вводе данных в инпут я вижу, что в стейте этого инпута появилось value, значит стейт меняется.

this.setState({     
      formcontrols,
      isFormValid: validateForm()
    })

Вот какой код у стейта, по идее value в state-e должно меняться только с таким setState, однако оно меняется когда он пустой. В других местах нигде нет setState-ов, которые бы могли изменять value, поэтому я не понимаю

Почему state меняется сам по себе, хотя я ничего не присваиваю?

Роман Александрович, ну он у меня с параметрами, просто если их убрать, то все равно state меняется, при этом если удалить пустой setState, тогда перестает менятся. Я в шоке сижу))

Нужно ли полностью переносить state в Redux, и если нет, то в каких случаях стоит использовать локальный?

Зачем тогда в каждой первой вакансии Redux?) Вроде как Redux ещё "скрывает" реализацию, и в компоненте мы используем только функции с говорящими названиями. С этой позиции я бы вообще все выносил из компонентов в Экшены

Как установить пакеты с предыдущего проекта webpack?

Спасибо, подробно можно было не расписывать, я не овощ))

Обязательно ли в БЭМ элементу иметь класс block_el, чтобы использовать модификатор block_el_mod(scss)?

Ankhena, спасибо

Обязательно ли в БЭМ элементу иметь класс block_el, чтобы использовать модификатор block_el_mod(scss)?

Ankhena, а по поводу директорий. На каждом проекте с использованием методологии бэм действительно под каждый бэм блок и элемент/модификатор создается своя папка и файл, даже с учетом что в файле может быть 1 строчка кода?

Обязательно ли в БЭМ элементу иметь класс block_el, чтобы использовать модификатор block_el_mod(scss)?

Хорошо, а тогда стоит-ли большую часть элементов блока тоже делать самостоятельными блоками?
Например
Из такого

<div class="result-box__video-info " >
        <div class="result-box__author">
          <img src="src/views/images/result-box/user-icon.png" class="img-responsive" alt="user">
          <span class="result-box__text_hover result-box__text_bold">${data.channelTitle[i]}</span>
        </div>
        <div class="result-box__date">
          <img src="src/views/images/result-box/Без имени-1.png"class="img-responsive" alt="calendar">
          <span class="result-box__text_hover result-box__text_bold">${data.clipDate[i]}</span>
        </div>

Делать такое

<div class="result-box__video-info  video-info" >
        <div class="video-info__author">
          <img src="src/views/images/result-box/user-icon.png" class="img-responsive" alt="user">
          <span class="video-info__text video-info__text_hover result-box__text_bold">${data.channelTitle[i]}</span>
        </div>
        <div class="video-info__date">
          <img src="src/views/images/result-box/Без имени-1.png"class="img-responsive" alt="calendar">
          <span class="video-info__text video-info__text_hover video-info__text_bold">${data.clipDate[i]}</span>
        </div>

Как в гридах сделать чтобы элементы выходили за область экрана справа, а не перескакивали вниз?

HelpSophie, чем флексы лучше гридов?(

Почему показывают почти на весь бюджет одну группу объявлений google ads?

Алексей Денисов, стоит ручная да, и вручную везде выставлены минимальные. Через вордстат и смотрел кол-во запросов.
Ну на данный момент бюджет израсходован дневной, и объявление не показывается написано на всех словах

Почему показывают почти на весь бюджет одну группу объявлений google ads?

Статус везде "допущено".
Ставки на всех группах объявлений на всех ключевых словах стоят минимальные для показа вверху страницы.
Вроде частотность запросов нормальная

Нужно ли добавлять ключевой запрос в google ads и в чем его отличие от ключевых слов?

Алексей Денисов, да, как обычно затупил, спасибо:D

Нужно ли добавлять ключевой запрос в google ads и в чем его отличие от ключевых слов?

и слова я добавил, а запросы нет. Есть ли необходимость в добавлении именно запросов?

Нужно ли добавлять ключевой запрос в google ads и в чем его отличие от ключевых слов?

Так в самом google ads есть раздел "ключевые слова в поисковой сети" и раздел "запросы"