React.js學習筆記(二)構造渲染
//構造
constructor(...args) {
//必須先呼叫父類構造
super(...args);
//狀態引數
this.state = {display: 'block'};
}
//渲染
render() {
//渲染內容
return (
<input type="button" value="點選顯示"
//繫結事件函式
onClick= {this.hide.bind(this)}/>
);
}
標籤內屬性value
1、預設為不可修改狀態
2、前面加default則可以修改
例如:
value 賦值都為 defaultValue=“”
checked 選中狀態為 defaultChecked=“”
增加:
所有的非常規屬性如:src 你變成_src 會被直接pass掉
需增加data-src