React文檔未渲染

Question

我的整個代碼如下：

<!DOCTYPE html>
<html>
<head>
    <title>React course</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://unpkg.com/react@15/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
</head>
<body>

    <div id="example"></div>

    <script type="text/babel">

        var Comment = React.createClass({

            edit: function () {
                alert('Editing comment');
            },

            remove: function () {
                alert('Removing comment');
            },

            render: function() {
                return (
                    <div className="commentContainer">  
                        <div className="commentText">Text of whatever</div>
                        <button onClick={this.edit} class="btn-primary">Edit</button>
                        <button onClick={this.remove} class="btn-danger">Remove</button>
                    </div>
                );
            }
        });

        ReactDOM.render(
            <div className="board"> 
                <Comment>Heya</Comment>
            </div>
        ,document.getElementById('container')); 
    </script>
</body>

刷新頁面時，我什么也看不到。 然后，我檢查了該元素，並看到了您在圖像中看到的錯誤，但是由於發生了新反應，我不知道會發生什么。

希望你能幫忙

Answer 1

我認為是因為您沒有帶有容器ID的html元素。 本部分必須引用有效的HTML元素。 document.getElementById('container'));

嘗試將example的ID更改為container 。

React文檔未渲染

問題描述

1 個解決方案

解決方案1
3 已采納 2017-07-31 09:53:04

React文檔未渲染

問題描述

1 個解決方案

解決方案1 3 已采納 2017-07-31 09:53:04

解決方案1
3 已采納 2017-07-31 09:53:04