綁定事件

時間 2021-08-14

標籤 html react babel app dom ide this cdn htm 欄目 HTML 简体版

原文原文鏈接

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

// 封裝App 組件

class App extends React.Component{

constructor(){

super();

this.state = {

message:'你好呀',

counter:100

}

// 2

this.btnClick = this.btnClick.bind(this);

}

render(){

return (

<div>

{/* 1 */}

{/* 2 */}

{/* 3 */}

<button onClick={()=>{

// console.log(this.state.counter);

this.decrement();

}}>- 1</button>

</div>

)

}

// 1 || 2

btnClick(){

console.log(this.state.message);

}

// 2

increment = () => {

console.log(this.state.counter);

}

// 3

decrement(){

console.log(this.state.counter);

}

ReactDOM.render(<App/>,document.getElementById('app'));

</script>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。