Cannot read properties of undefined (reading 'profilePage')

Question

let store = {
   _subscriber() {
      console.log("no subscribers")
   },
   _state: {
      profilePage: {
         posts: [
            { id: 1, message: "It's my first post!", likesCount: 22 },
            { id: 2, message: "How are you?", likesCount: 15 },
            { id: 3, message: "My name is Andrei!", likesCount: 17 }
         ],
         newPostText: "test text"
      },
      dialogsPage: {
         dialogs: [
            { id: 1, name: "Andrei" },
            { id: 2, name: "Evgeniy" },
            { id: 3, name: "Artrem" }
         ],
         messages: [
            { id: 1, message: "Hi" },
            { id: 2, message: "How are you?" },
            { id: 3, message: "Yo" }
         ]
      },
   },
   getState() {
      return this._state;
   },
   addPost() {
      let newPost = {
         id: 4,
         message: this._state.profilePage.newPostText,
         likesCount: 0
      }

      this._state.profilePage.posts.push(newPost);
      this._state.profilePage.newPostText = "";
      this._subscriber();
   },
   updateNewPostText(newText){
      this._state.profilePage.newPostText = newText;
      this._subscriber();
   },
   subscribe(observer){
      this._subscriber = observer;
   }
}

При выполнении addPost и updateNewPostText появляется ошибка, будто profilePage вообще в моём _state нету. В чем может быть проблема? P.S. Они вызываются, когда пытаюсь ввести текст в textarea или пытаюсь добавить пост.

Answer 1

Зайди в main.js(или в index.js) и напиши bind , как здесь

let reRenderEntireTree = (state) => {
  ReactDOM.createRoot(document.getElementById("root")).render(
    <React.StrictMode>
      <App
        state={state}
        addPost={store.addPost.bind(store)}
        updateNewPostText={store.updateNewPostText.bind(store)}
      />
    </React.StrictMode>
  );
};

БЛОГ НА HUSL

Cannot read properties of undefined (reading 'profilePage')

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