React項目 cdn引用
怎麼寫一個一個cdn 引用的lib
怎麼創建一個hook
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/7.0.0-beta.3/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
</body>
<script type="text/babel">
const compsButton = React.createElement(() => {
const { useEffect, useRef, useState } = window.React;
const [state, upState] = useState({ num: 1 });
const fun = {
update() {
state.num++;
upState({ ...state });
}
};
useEffect(() => {
console.log(123);
}, []);
return <button onClick={fun.update}>{state.num}</button>;
});
ReactDOM.render(<h1>{compsButton}</h1>, document.getElementById("example"));
</script>
</html>
- 爲什麼使用
createElement
很無奈 ,網上搜索了半天找不到,只有再次回到
官網
,只有再次迴歸官網發現
爲什麼引用 三個js
- react.min.js - React 的核心庫
- react-dom.min.js - 提供與 DOM 相關的功能
- babel.min.js - Babel 可以將 ES6 代碼轉爲 ES5 代碼,這樣我們就能在目前不支持 ES6 瀏覽器上執行 React 代碼。Babel 內嵌了對 JSX 的支持。通過將 Babel 和 babel-sublime 包(package)一同使用可以讓源碼的語法渲染上升到一個全新的