Почему массив пустой кода я пушу туда элемент?

Question

 const tagArr = [];
  const [tagValue, setTagValue] = React.useState("");
  let obj = { value: tagValue };

  const addNewTag = () => {
    if (tagValue !== "") {
      tagArr.push(obj);
    }
  };

Если поставить дебаггер внутри функции addNewTag, то массив заполняется, но снаружи он пуст.

Answer 1

а вызывать addNewTag пробовали?

addNewTag();

приводит к тому, что в массив данные пишутся

правда я (поскольку без реакта) сделал такой тестовый пример:

const tagArr = [];
const tagValue = "XXX";
let obj = { value: tagValue };

const addNewTag = () => {
    if (tagValue !== "") {
      tagArr.push(obj);
    }
};

addNewTag();

console.log(tagArr);

и в массив tagArr все записалось

Answer 2

вы используете setTagValue? если нет, то логично что tagValue пустой и это условие не проходит if (tagValue !== "") { ...

Answer 3

Массивy нужно дать состояние, и перезаписывать его каждый раз при добавлении нового значения:


  let [tagArr, setTagArr] = React.useState([]);
  let [tagValue, setTagValue] = React.useState("");

  let obj = { value: tagValue };
  const addNewTag = () => {
    if (tagValue !== "") {
      tagArr.push(obj);
      setTagArr([...tagArr]);
    }
  };

БЛОГ НА HUSL

Почему массив пустой кода я пушу туда элемент?

Ответы (3 шт):