2016-07-19 18 views
0

我已經做了一個簡單的反應渲染函數,它在ID爲「react-container」的div標籤中打印出hello。唯一的問題是,我一直 試圖理解使用babel進行react.js時得到的警告消息

return語句

變異的的[[原型]]後可達代碼得到警告消息在控制檯類似

對象會導致你的代碼運行速度很慢;代替與正確的初始 [[原型]使用的Object.create

所有這一切都被從巴別核未來值創建對象browser.js腳本我插入到文檔中。我試圖找出它是什麼意思,我做錯了什麼,或者我應該忽略它嗎?

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>REACT 1</title> 
    <script src="react-15.2.1.js"></script> 
<script src="react-dom-15.2.1.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script> 
    </head> 
    <body> 
    <div id="react-container"> 

    </div> 
<script type="text/babel" > 

ReactDOM.render(<h1>hello</h1>, document.getElementById('react-container')); 
</script> 
    </body> 
</html> 
+0

聽起來好像您正在使用一些瀏覽器插件來爲您打開JavaScript代碼,或者您的瀏覽器在默認情況下會給出這些警告。你使用什麼瀏覽器,並且你有任何調試標誌啓用?你的代碼沒有問題。 –

+0

我正在使用firefox,我不認爲我有任何調試標誌啓用。 –

+0

我不確定你可以單獨使用babel核心解析jsx,你需要'babel-preset-react'插件。 –

回答

2

這是Firefox開發者控制檯的默認行爲。 Chrome控制檯等更高級的調試環境不會顯示這些警告。您可以通過點擊此按鈕禁用Firefox中的腳本掉毛:

enter image description here

「警告」很簡單,就是:警告,有可能與代碼的語法一個潛在的問題。在這種情況下,這些警告是無害的,並且由於它們來自第三方腳本,因此您可以做的事情不多。尤其是第二個,它更像是一種自以爲是的代碼風格。