javascript - Hook 调用无效。 Hooks只能在内部调用

标签 javascript reactjs

<分区>

我刚刚创建了一个新应用,我开始学习 React,但我准备放弃....就在我想分享我的代码之前:

index.js:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

APP.js:

import logo from './logo.svg';
import './App.css';
import Navigation from './component/Navigation';

function App() {
  return (
    <div className="App">
      <header className="App-header">
<Navigation/>        
      </header>
    </div>
  );
}

export default App;

导航.jsx:

import React, { Component } from 'react';
import { Navbar, Nav, NavDropdown, Container } from 'react-bootstrap';

class Navigation extends Component {

    render() {
        return (
            <Navbar collapseOnSelect expand="lg" bg="white" >
                <Container>    </NavDropdown>
                    </Nav>
                    <Nav>
                        <Nav.Link href="#deets">More deets</Nav.Link>
                        <Nav.Link eventKey={2} href="#memes">
                            Dank memes
  </Nav.Link>
                    </Nav>
                </Navbar.Collapse>
            </Container>

        </Navbar>
);
    }
}
export default Navigation;

请告诉我问题出在哪里,我也看到过类似的问题没有答案...

最佳答案

我认为您同时运行了两个 React 实例。令人惊讶的是,在您尝试使用 react-bootstrap 之前,这并没有引起您的注意。在那种情况下,您通过 npm 安装了 React,同时在我的主模板中仍然有 React 标签(显然导致嵌入了两次 React 代码)。

关于javascript - Hook 调用无效。 Hooks只能在内部调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65427879/

相关文章:

javascript - 需要一个 javascript 正则表达式来匹配特定路径

reactjs - 我如何保证在 React 中链接 redux/saga 调度?

reactjs - 可以使用 React.Suspense 和 React.Lazy 转发 ref 吗?

node.js - Webpack 错误 - 无法解析 'tmp/build...' 中的加载程序

javascript - jQuery 替换鼠标光标

javascript - 包括一个javascript文件?

新标签页上的 Javascript 时钟

javascript - 有没有办法找出文本是否溢出并将其用作代码中的条件?

reactjs - 如何将 GraphQL 订阅与 React-relay 结合使用?

javascript - Npm 未满足对等依赖项