<!DOCTYPE html>
<html>
<head
<script src="../build/react.js"></script><!--react核心庫-->
<script src="../build/react-dom.js"></script><!--提供與DOM相關的功能-->
<script src="../build/browser.min.js"></script><!--将JSX文法轉化為JavaScript的文法-->
</head>
<body>
<div id="root">
</div>
<script type="text/babel">//使用JSX
ReactDOM.render(
<h1>Hello World</h1>,
document.getElementById("root")
)
</script>
</body>
</html>
打開index01.html,打開控制台：
怎麼解決？
(1)安裝
react-devtools
：
(2)運作
react-devtools
：
出現：
根據提示進行相應操作。
React DOM情況下：把
<script src="http://localhost:8097"></script>
添加到引入React DOM之前：
即：
<!DOCTYPE html>
<html>
<head
<script src="http://localhost:8097"></script>
<script src="../build/react.js"></script><!--react核心庫-->
<script src="../build/react-dom.js"></script><!--提供與DOM相關的功能-->
<script src="../build/browser.min.js"></script><!--将JSX文法轉化為JavaScript的文法-->
</head>
<body>
//...
</body>
</html>
再次運作react-devtools，打開index01.html，
npm 安裝react-devtools，參考連結：npm react-devtools
當然也有直接安裝浏覽器插件的方法，參考連結：facebook/react-devtools