Добавление объекта в массив (с помощью Hooks in React)

Question

Я хочу добавить объект в массив в React с помощью хуков, я делаю чат и хочу добавить новое сообщение в массив сообщений,

Я пробовал это:

setMessages([...messages, newMessage]);

Вот еще код:

const [messages, setMessages] = useState(false);

useEffect(() => {
    socket.open();

    loadMessages();

    return () => {
      socket.close();
    };
  }, []);

useEffect(() => {
    socket.on("send message", data => {
      setMessages([...messages, data]);
    });

    socket.on("delete message", data => {
      setMessages(messages.filter(message => message.id !== data.id));
    });
  });

async function loadMessages() {
    try {
      const dataMessages = await axios.get(
        `http://localhost:5000/api/chat/messages`
      );
      setMessages(dataMessages.data);
    } catch (error) {
      console.log(error);
    }
  }

но я получил TypeError: "сообщения не повторяются" ,

может кто-тоПомоги мне? спасибо!

Answer 1

Используйте более подходящее значение по умолчанию (того же типа):

const [messages, setMessages] = useState([]);

Тогда вы всегда сможете распространяться messages.

Answer 2

Это происходит потому, что начальное значение сообщений является логическим, и вы не можете распространить его в массив новых сообщений.

Попробуйте:

const [messages, setMessages] = useState([]);

Answer 3

Вы устанавливаете сообщения как логическое значение. Измените это

const [messages, setMessages] = useState(false);

на

const [messages, setMessages] = useState([]);

Затем добавьте элементы в массив, также не изменяйте массив сообщений.

Надеюсь, это поможет