反应&；Meteor-Browserialized引导：错误：超过最大调用堆栈大小

我试图使用获取react引导包，但出现以下错误：

warning.js:45 Warning: Navbar(...): React component classes must extend React.Component.

Error: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded
    at RegExp.[Symbol.replace] (native)
    at String.replace (native)
    at RegExp.<anonymous> (http://localhost:3000/packages/ecmascript-runtime.js?d552d50ef9d63d143f8f549245241748a4796cec:1842:49)
    at String.replace (http://localhost:3000/packages/ecmascript-runtime.js?d552d50ef9d63d143f8f549245241748a4796cec:1862:13)
    at escapeUserProvidedKey (http://localhost:3000/packages/tauruscolvin_meteor-react-bootstrap.js?1126cdfffe9377a633bd5bd48a0e26473d4bd449:32428:22)
    at wrapUserProvidedKey (http://localhost:3000/packages/tauruscolvin_meteor-react-bootstrap.js?1126cdfffe9377a633bd5bd48a0e26473d4bd449:32442:16)
    at traverseAllChildrenImpl (http://localhost:3000/packages/tauruscolvin_meteor-react-bootstrap.js?1126cdfffe9377a633bd5bd48a0e26473d4bd449:32567:13)
    at traverseAllChildrenImpl (http://localhost:3000/packages/tauruscolvin_meteor-react-bootstrap.js?1126cdfffe9377a633bd5bd48a0e26473d4bd449:32571:27)
    at traverseAllChildrenImpl (http://localhost:3000/packages/tauruscolvin_meteor-react-bootstrap.js?1126cdfffe9377a633bd5bd48a0e26473d4bd449:32571:27)
    at traverseAllChildrenImpl (http://localhost:3000/packages/tauruscolvin_meteor-react-bootstrap.js?1126cdfffe9377a633bd5bd48a0e26473d4bd449:32571:27)

warning.js:45警告：导航栏（…）：React组件类必须扩展React.component。
错误：超过最大调用堆栈大小
RangeError:超出了最大调用堆栈大小
在RegExp处。[Symbol.replace]（本机）
在String.replace处（本机）
在RegExp。

对我来说（现在）
为你
接触

);
}  
});

我知道一定是某个地方有一个循环导致了这个问题，但我不知道到底是什么问题

非常欢迎任何帮助：）

更新：

即使我重构以最小化任何语法错误，错误仍然会出现：

NavBarWrapper = React.createClass({    
    render(){
        return(           
            <ReactBootstrap.Navbar >
                <ReactBootstrap.Nav >
                    Test
                </ReactBootstrap.Nav>
            </ReactBootstrap.Navbar>
        );        
    }      
});

NavBarWrapper=React.createClass（{
render（）{
报税表（
试验
);        
}      
});

对于初学者来说很好。。您正在制作一个组件

NavBar

，但在

NavBar

内部您正在拖动

NavBar

，因此您正在

NavBar

中渲染

NavBar

。其次，在渲染函数中，将组件从ReactBootstrap中拉出。这应该放在文件的顶部，这样您就不会在每次渲染时都使用它们。@azium我将NavBar更改为NavBarWrapper，并使变量赋值为全局变量，但实际上仍然有调用堆栈错误，即使我从导航栏

Test

中删除了所有元素，对于初学者来说，错误仍然会发生。。您正在制作一个组件

NavBar

，但在

NavBar

内部您正在拖动

NavBar

，因此您正在

NavBar

中渲染

NavBar

。其次，在渲染函数中，将组件从ReactBootstrap中拉出。这应该放在文件的顶部，这样您就不会在每次渲染时都使用它们。@azium我将NavBar更改为NavBarWrapper，并使变量赋值为全局变量，但实际上仍然有调用堆栈错误，即使我从导航栏

Test

中删除了所有元素，错误仍然会发生

NavBarWrapper = React.createClass({    
    render(){
        return(           
            <ReactBootstrap.Navbar >
                <ReactBootstrap.Nav >
                    Test
                </ReactBootstrap.Nav>
            </ReactBootstrap.Navbar>
        );        
    }      
});