"example"
>
function
hellomessage
(props1)
!<
/h1>);
}const element =
"maomin"
/>;
reactdom.
render
( element,
document.
getelementbyid
('example'))
;
頁面:
但是如果你想在下面寫一段話:「i am your grilfriend!」
是這樣寫嗎?
return
(!<
/h1>
i am your grilfriend!
<
/h1>
);
但是這樣出來就會報錯:
所以我們這樣處理:
return
(!<
/h1>
i am your grilfriend!
<
/h1>
<
/div>
);你還可以使用
react基礎用法一 在標籤中渲染元素
如圖所示最簡單的變數使用方法 格式 let 變數名稱 賦值 渲染格式直接用 變數名稱 就可以直接渲染到頁面 如圖所示第二種渲染方法 格式 const 變數名稱 標籤 內容 渲染格式 即可渲染到頁面展示 如圖所示也可以渲染乙個物件包括它的屬性對應展示到頁面 格式 const 物件名稱 多個物件屬性需要...
對REACT中JSX標籤的誤解
function welcome props const element reactdom.render element,document.getelementbyid root 在 codepen 上嘗試讓我們來回顧一下這個例子中發生了什麼 我們呼叫reactdom.render 函式,並傳入作為...
react中對props的一些基礎限制
通過proptypes跟proptypes實現對props的型別限制 在函式式組建中通過這兩種自帶的方法實現對props的型別限制 person.proptypes 在類式組建中可以用static來實現簡寫的形式 class person extends react.component render...