元素引用被指定为字符串(内部)，但没有设置所有者

Question

我正在尝试通过反应引导程序创建一个导航栏，但不知何故它不适合我。问题是导航栏，如果我删除整个导航栏标签，它可以正常工作。 无法弄清楚我做错了什么。

import React, { Component } from 'react';
import { render } from 'react-dom';
import {Nav, Navbar, NavItem, MenuItem, NavDropdown,Button} from 'react-bootstrap';
import './style.css';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
export default class Header extends React.Component{
  render(){
    return(
      <Navbar>
      <Nav bsStyle="pills" stacked activeKey={1}>
		<NavItem eventKey={1} href="/home">
			NavItem 1 content
		</NavItem>
		<NavItem eventKey={2} title="Item">
			NavItem 2 content
		</NavItem>
		<NavItem eventKey={3} disabled>
			NavItem 3 content
		</NavItem>
	</Nav>
  </Navbar>
    );
  }
}

Answer 1

这似乎是由于 React 16 中的弃用 - 我在使用 react (和 react-dom( 16.2.0 时遇到了同样的问题，但我通过降级到 15.6.1 来让它工作。

Answer 2

我遇到了同样的问题。可能在安装 react-bootstrap 之前安装了 "react react-dom" 软件包，如 react-bootstrap 的入门页面所述，而您已经安装了它。

卸载它解决了我。

npm uninstall  react react-dom

查看 React 的多个副本