Не обновляется компонет при передачи «props»?

Question

[Константин]

Добрый вечер.
Помогите сдвинутся с места, не могу понять в чем причина.

Есть компонент у которого состояние передается в дочерний объект

const [radioList, setRadioList] = useState([
    { id: 1, title: "input1" },
  ]);

......
// добавляю новый объект в состояние
const handleSetRadioList = (id, name) => {
    let stateRadioList = radioList;
    let obj = {};
    obj["id"] = id;
    obj["title"] = name;
    stateRadioList.push(obj);
    setRadioList(stateRadioList);
  };

.......
<SelectManualRadio
    handleSetRadioList={handleSetRadioList}
    radioList={radioList}
/>

В дочернем компоненте состояние вывожу с помощью

props.radioList.map((radio, key) =>

Картина следующая:
При добавлении объекта, проверяю состояние в родительском компоненте "radioList" - там все добавилось
А вот в дочернем компоненте только объекты которые были в "дефолте" а новых нет - тоесть получается дочерний компонент не перерисовался.
Я с таким впервые сталкиваюсь.

Comments

[WbICHA]

let obj = {};
obj["id"] = id;
obj["title"] = name;

Это что за вид извращения?
Почему бы нормально не записать?

const handleSetRadioList = (id, title) => {
  setRadioList([...radioList, { id, title }]);
};

[Константин]

WbICHA, потому, что мне нужно добавить объект
{ id: id, title: name }

[Константин]

Pavel Shvedov, Со стейтом проблем нет он меняется, я его вижу через консоль. Дочерний компонент не хочет обновляться, я тут гуглю, смотрю не только у меня такая проблема, но решения пока не нашел.

[WbICHA]

Harconnen, ты не знаешь как объявляется объявляется и добавляется объект?

[Pavel Shvedov]

Harconnen, https://reactjs.org/docs/hooks-reference.html#bail...
вот информация из документации, оно не будет перезапускать рендер дочерних компонентов, если в методе установки стейта передано тоже самое значение, а так как передается тотже объект, что и был до этого (ссылка на него также самая), пусть даже в него добавили новые значение, то оно и не будет ничего рендерить

[Константин]

Pavel Shvedov, Спасибо.
переделал по другому, заработало

let obj = {};
    obj["id"] = id;
    obj["title"] = name;
    setRadioList((radioList) => radioList.concat(obj));