Phản ứng lớp không được xác định (văn bản/babel)

Question

Tôi có tập tin commentBox.jsx, với đoạn mã sau:

var CommentBox = React.createClass({ 
    render: function() { 
    return (
     <div className="commentBox"> 
     <h1>Comments</h1> 
     </div> 
    ); 
    } 
}); 

Trong index.html, tôi muốn làm cho thành phần này:

<div id="content"></div> 
<script type="text/babel" src="scripts/commentBox.jsx"></script> 

<script type="text/babel"> 
    ReactDOM.render(<CommentBox />, document.getElementById('content')); 
</script> 

Nhưng tôi nhận được lỗi: "CommentBox không được xác định"; Tại sao điều này không hoạt động? Nếu tôi sẽ đặt tất cả mã trong một tệp (commentBox.js) - nó sẽ hoạt động.

Answer 1

Bạn cần khai báo var CommentBox; trong khối tập lệnh riêng của nó ở trên hai mã còn lại. Phạm vi của các biến của bạn không được chia sẻ giữa nhập khẩu tập lệnh của bạn.

<div id="content"></div> 
 
<script> 
 
    var CommentBox; 
 
</script> 
 
<script type="text/babel" src="scripts/commentBox.jsx"></script> 
 
<script type="text/babel"> 
 
    ReactDOM.render(<CommentBox />, document.getElementById('content')); 
 
</script>

Bạn cũng có thể loại bỏ các var từ file jsx của bạn.

Câu hỏi mới nhất

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Các vấn đề liên quan

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.