Question

我刚开始做出反应，虽然情况一切正常，但我无法开始使用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;

Answer 1

我找到了解决方案： React需要一个根元素来呈现。所以，将其更改为 -

size

还添加，

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

无法开始使用react-bootstrap

1 个答案: