я ошибся, извиняюсь, имел ввиду объект, а не массив

Спасибо!

Всем привет! Столкнулся с такой проблемой, может кто знает, при установленном в хроме расширении React Developer Tools, не работает дебаггер по JS.

Добрый день
Ребят возможно оффтоп, но не подскажите как решить проблему -> “access to xmlhttprequest at from origin blocked by cors policy”

В настройках сервера надо разрешить кросдоменные запросы

Со стороны сервака проблем нет

Там настроено

мне кажется проблема в реакте или в axios

или в Chrome Browser

Сколько я и как только не пытался отключить корс, нормально никогда не выходило

как повесить событие на window в react

Подскажите как в componentDidMount дождаться props, а уже потом рисовать компоненту?

Сейчас делаю так: https://codeshare.io/GqB0yj

Но тогда рисуется Preloader, после чего идет несколько раз перерисовка и всеравно отрисовывается только прелоадер, а основная компонента нет. Даже когда условие уже выполняется...

спасиба

Коллеги, направьте, пожалуйста, на путь истинный :)

  class SignalList extends React.Component {
    constructor(props) {
      super(props);
      this.state = {signals: this.props.signals};
    }
    handleRowChange = (signal) => {
      this.setState(state => {
        const foundIndex = state.signals.findIndex(x => x.id == signal.id);
        state.signals[foundIndex] = signal;
        return {signals: state.signals};
      });
    }

  class SignalRow extends React.Component {
    constructor(props) {
      super(props);
      this.signal = this.props.value;
    }
    handleRowChange = (e) => {
      const name = e.target.name;
      const value = e.target.value;
      const signal = Object.assign({}, this.signal);
      signal[name] = value;
      this.props.onChange(signal);
    }

Я где-то согрешил, но понять не могу где. Ведёт себя вообще странно. Меняю одно значение, меняются другие....

Оказывается дело было в preflight request

  class SignalList extends React.Component {
    constructor(props) {
      super(props);
      this.state = {signals: this.props.signals};
    }
    handleRowChange = (signal) => {
      this.setState(state => {
        const foundIndex = state.signals.findIndex(x => x.id == signal.id);
        state.signals[foundIndex] = signal;
        return {signals: state.signals};
      });
    }

  class SignalRow extends React.Component {
    constructor(props) {
      super(props);
      this.signal = this.props.value;
    }
    handleRowChange = (e) => {
      const name = e.target.name;
      const value = e.target.value;
      const signal = Object.assign({}, this.signal);
      signal[name] = value;
      this.props.onChange(signal);
    }

let signals = [...state.signals];
signals[foundIndex] = signal;

const*

Ну да, все верно. Родитель когда обновляется, то вызывает рендер чайлдов. Если ты хочешь этого избежать- оберни items в memo, тогда он будет проверять пропы на изменение https://ru.reactjs.org/docs/react-api.html#reactmemo