Question

在我的代码中使用Navbar example，它呈现得很好但除了Header组件之外的所有内容都不响应点击。下拉列表不会下拉，链接不会带我到任何地方。在移动和桌面上都会发生。我正在使用react v14.8，这会影响到什么吗？我知道最新的版本是15，但我必须将其保持在14以支持我正在使用的另一个库...

import * as React from "react";
import * as ReactDOM from "react-dom";
import * as _ from "lodash";

var firebase = require('firebase');
var firebaseui = require('firebaseui');
import {Navbar, Nav, NavItem, NavDropdown, Button, Jumbotron, MenuItem} from 'react-bootstrap';

export class App extends React.Component<any, any> {

  	constructor() {
	    super();

	}

	render() {

	    return (
	    	<Navbar>
	    <Navbar.Header>
	      <Navbar.Brand>
	        <a href="#">React-Bootstrap</a>
	      </Navbar.Brand>
	    </Navbar.Header>
	    <Nav>
	      <NavItem eventKey={1} href="#">Link</NavItem>
	      <NavItem eventKey={2} href="#">Link</NavItem>
	      <NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown">
	        <MenuItem eventKey={3.1}>Action</MenuItem>
	        <MenuItem eventKey={3.2}>Another action</MenuItem>
	        <MenuItem eventKey={3.3}>Something else here</MenuItem>
	        <MenuItem divider />
	        <MenuItem eventKey={3.3}>Separated link</MenuItem>
	      </NavDropdown>
	    </Nav>
	  </Navbar>
	    );
	}
}

ReactDOM.render(<App />, document.getElementById('app'));

这实际上是我代码中的所有内容。我的index.html有一个带有id'app'的div，它正在被渲染到。这里什么都不应该起作用，但由于某种原因，它已经坏了。

哦，我应该提一下; Chrome开发工具控制台中没有错误，暂停异常不会在单击无响应的项目时发现任何异常。完全沉默，彻底失败。

编辑：这是我的package.json，用于安装一些恶作剧：http://pastebin.com/zYZQFRa5

React-bootstrap Navbar示例不会记录点击次数

0 个答案: