将ScrollChor与NavItem一起使用时出错

Question

我收到此错误，

警告：validateDOMNesting（...）：不能作为后代出现。参见HeaderNavigation＆gt; NavItem＆gt; SafeAnchor＆gt; a＆gt; ...＆gt; Scrollchor＆gt;一个。 警告

使用此代码，

import React from 'react';
import Navbar from 'react-bootstrap/lib/Navbar'
import {Nav, NavItem} from 'react-bootstrap';
import Scrollchor from 'react-scrollchor';


export default React.createClass ({
    render() {
        return (
            <div>
                <Navbar inverse fixedTop>
                    <Navbar.Header>
                        <Navbar.Brand>
                            M2 Consulting
                        </Navbar.Brand>
                    </Navbar.Header>
                    <Nav pullright bsStyle = "pills" active>
                        <NavItem><Scrollchor to="#services">Services</Scrollchor></NavItem>
                        <NavItem><Scrollchor to="#work">Latest Work</Scrollchor></NavItem>
                        <NavItem><Scrollchor to="#contact">Contact Us</Scrollchor></NavItem>
                    </Nav>
                </Navbar>
            </div>
        );
    }
});

我相信这是由于NavItem和Scrollchor都使用了href，

如何在使用Scrollchor时保留使用NavItem的样式？

感谢帮助。

Answer 1

NavItem中有一个，所以我删除了，只是使用了。