React 第二節 元件定義及事件

今日分享：

事件的處理方式

元件的定義及運用

react中陣列迴圈最好用map,foreach沒有返回值；

'my'

>
div>
type
="text/babel"
>
var div =
[123456
<
/h1>
,123456
<
/h1>
,123456
<
/h1>
,123456
<
/h1>,]
reactdom.
render
(<
/div>
,		document.
getelementbyid
("my"))
script
>

'my'

>
div>
type
="text/babel"
>
/*map第一種寫法*/
var arr =[1
,2,3
,4,5
]	reactdom.
render
(>
<
/div>})
}<
/div>
,		document.
getelementbyid
("my"))
/*map第二種寫法*/
var arr =[1
,2,3
,4,5
]var a = arr.
map(
(item,index)
=>
>
<
/div>})
reactdom.
render
(<
/div>
,		document.
getelementbyid
("my"))
script
>

'my'

>
div>
type
="text/babel"
>
var arr =[1
,2,3
,4,5
]var a =
for(
var i=
0; i)>
<
/div>)}
reactdom.
render
(<
/div>
,		document.
getelementbyid
("my"))
script
>

"my"

>
div>
type
="text/babel"
>
//載入不同元件  	
class
contenta
extends
react.component
}class
contentb
extends
react.component
}function
content
(props)
<
/p>
break;}
}//end
class
tabextends
react.component,,
,]}}
change
(type))}
render()
onclick=
key=
>
<
/li>})
var content =
this
.state.lists.
map(
(item,index)
=>
>
<
/p>:''
)})return
(<
/ul>
//載入不同元件
>
<
/content>
<
/div>
<
/div>)}
};reactdom.
render
(<
/tab>
,      document.
getelementbyid
("my"))
;script
>

var data =

/*1、es6 的 class類*/
class
hiextends
react.component
<
/h1>
<
/div>)}
}/*2、使用函式定義乙個元件*/
function
hello()
!<
/div>
}reactdom.
render
(>
<
/hi>
>
<
/hello>
<
/div>
,  document.
getelementbyid
("my"))
;

class

extends
react.component
this
.handleclick=
this
.change1.
bind
(this);
//第一種方式在構造器中宣告繫結
}change1()
)}change2()
)}render()
>
<
/button>
// 第二種, 第一種的簡單版
>
<
/button>
// 第三種， es6箭頭函式
>
<
/button>
)

彙編 第二節

第二節 cpu主要有有運算器，控制器，暫存器，三部分組成 8086 cpu有14個暫存器，如ax,bx,cx,dx,si。8086所有暫存器都是16位的，可以存放2個byte即位元組，16位二進位制數 所能存放的最大數值是 11111111111 2 16 1 從0開始，所以 1嘛 通用暫存器為4個...

函式第二節

coding utf 8 1.定義乙個方法get num num num引數是列表型別，判斷列表裡面的元素為數字型別。其他型別則報錯，並且返回乙個偶數列表 注 列表裡面的元素為偶數 def get num l l for i in l 判斷列表l的元素是否都為整形 if not isinstance...

第二節練習

a b 2 鏈式賦值 print a print b c id a 位址print c c type a 型別 print c a,b 2,3 系列解包賦值 a,b b,a print a print b 基本運算 print 3 2 print 30 5 print 30 5 print 30 5...