Question

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

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

我有同样的问题。可能你安装了＃34;反应和反应＃34;安装react-bootstrap之前的软件包，如react-bootstrap's getting started page中所述，当你已安装它时。

卸载它解决了我。

npm uninstall  react react-dom

请参阅Multiple copies of React

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

2 个答案: