this.context.toggle不是一个函数

Posted 2021-03-27

我正在研究一个反应项目，只是尝试使用“reactstrap”dropDown菜单，但突然间我面临着“this.context.toggle不是函数”这个问题，如何避免它的任何想法？

答案

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

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"
      },

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

另一答案

实际上我的反应现在更新到了最新版本，即18.8.6并且我的react-dom软件包没有更新，所以发生这种情况，所以一旦我更新它，每一件工作都很好，所以我希望它能为你做到至。