Не удается прочитать свойство 'setHistory' из неопределенного Что не так?

Question

Что не так с этим кодом? Пожалуйста, помогите мне, я новичок!

const App = () => {
  const [activePanel, setActivePanel] = useState("main");
  const [scheme, SetScheme] = useState("space_gray")
  const [history, setHistory] = useState(['main'])



  return (
        <Epic activePanel={activePanel}
             history={history}
             UpdateTheme={UpdateTheme} >
          <Tabbar>
            <TabbarItem
            onClick= {this.setHistory}
            selected={this.setActivePanel === 'main'}
            data-story="main"
            text="Главная"
            ><Icon28NewsfeedOutline /></TabbarItem>

            </Tabbar>
          </Epic>
  )
}

Я буду очень рад, если вы мне поможете! Спасибо! Я работаю в MVS. Попытка создать мобильное приложение

Answer 1

Это функциональный компонент, поэтому this не будет работать должным образом. Просто сделайте:

onClick={setHistory}

То же самое будет go для setActivePanel, но в этом случае я не думаю, что вы хотите использовать функцию установки. Как написано, вы переназначаете сеттер. Я думаю, что вы хотите использовать значение:

selected={activePanel === 'main'}

Вы, вероятно, привыкли видеть this перед вещами, потому что это ссылки на методы, которые принадлежат компоненту класса. В функциональном компоненте вы просто используете переменные - поэтому нет this.