this.context.toggle不是一个函数

Question

我正在处理一个React项目，只是尝试使用“ reactstrap”下拉菜单，但是突然我遇到了“ this.context.toggle不是一个函数”这个问题，如何避免它的任何想法？ / p>

Answer 1

我能够使它以这种方式工作。我不知道你为什么不工作

import React from 'react';
import { UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';

export default class Example extends React.Component {
  render(){
  return (
    <UncontrolledDropdown>
      <DropdownToggle caret>
        Dropdown
      </DropdownToggle>
      <DropdownMenu>
        <DropdownItem header>Header</DropdownItem>
        <DropdownItem disabled>Action</DropdownItem>
        <DropdownItem>Another Action</DropdownItem>
        <DropdownItem divider />
        <DropdownItem>Another Action</DropdownItem>
      </DropdownMenu>
    </UncontrolledDropdown>
  );}
}


Versions:

      "dependencies": {
        "react": "16.8.6",
        "react-dom": "16.8.6",
        "reactstrap": "8.0.0"
      },

使用的版本可以不受控制地使用，这不需要状态

Answer 2

实际上，我的react现在已经更新到了最新版本18.8.6，而我的react-dom包也没有更新，所以这种情况发生了，所以一旦我更新它，每件事都很好，所以我希望它为您做。

Answer 3

更新react和react-dom对我有用。