0

我刚开始使用 react，虽然一切都很好，但我无法开始使用 react-bootstrap 这是我的 .html 文件的样子：

<html>
<head>    
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script> 
</head> 
<body>     
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/jsx" src="react-bootstrap.js"> </script>
<script type="text/jsx">
React.render(
 <p> test </p>
 <Button> test </Button>,
 document.body
);
</script> 
</body>
</html>

不工作。

我收到解析错误：相邻的 JSX 元素必须包含在封闭标记中

任何帮助都深表感谢。

更新：

问题已解决。

解决方案：使它：

React.render( <div> <p> test </p> <Button> test </Button> </div>,
    document.body)

还添加，

var Button = ReactBootstrap.Button;
4

1 回答 1

0

我找到了解决方案：React 需要一个单一的根元素来渲染。所以，把它改成——

React.render( <div> <p> test </p> <Button> test </Button> </div>,
    document.body)

还添加，

var Button = ReactBootstrap.Button;
于 2015-08-17T05:09:42.247 回答