react的基本使用

npm i react react-dom

引入react和react-dom的兩個js檔案

"./node_modules/react/umd/react.development.js"

>
<
/script>
"./node_modules/react-dom/umd/react-dom.development.js"
>
<
/script>

// 建立元素節點

// 1. 元素名稱
// 2. 元素屬性 傳遞的是個物件
// 3. 元素內容
let title = react.
createelement
('h1'
,null
,'hello react'
);

// 第乙個引數：要渲染的react元素

// dom物件，用於指定渲染到頁面中的位置
reactdom.
render
(title, docunment.
getelementbyid
('root'
))

React 學習01 React 的基本使用

在使用 react 之前，我們先來了解一下，react 和 vue 一樣是一款 js 庫，他們和 jquery 之類的主要區別是，他們提供了一種解決問題的思路 元件化，而 jquery 只提供了解決問題的方法。所以我們更傾向於稱 react 和 vue 為框架。另外，react 和 vue 的區別是...

React中路由的基本使用

1 react路由介紹 現在我們來搞一搞react中的路由吧，別問我為什麼這木喜歡用搞這個字，因為它比較深奧。注意下面我們使用的是react router dom react中的路由基本使用還是滿簡單的，零碎的小東西有點多，所以我直接把他們揉到一起做了乙個小例子，我都寫上注釋了，應該挺簡單易懂的 注...

React中fetch 基本使用

react中fetch 基本使用 一 fetch fetch是一種xmlhttprequest的一種替代方案，在工作當中除了用ajax獲取後台資料外我們還可以使用fetch axios來替代ajax 二 fetch的基本使用 fetch url then res then data catch e ...