事件處理使用 React element 處理事件跟使用 DOM element 處理事件是十分相似的。它們有一些語法上的差異：事件的名稱在 React 中都是 camelCase，而在 HTML DOM 中則是小寫。事件的值在 JSX 中是一個 function，而在 HTML DOM 中則是一個 string。例如，在 HTML 中的語法：<button onclick="activateLasers()">
Activate Lasers
</button>和在 React 中的語法有些微的不同：<button onClick={activateLasers}> Activate Lasers
</button>另外一個差異是，在 React 中，你不能夠使用 return false 來避免瀏覽器預設行為。你必須明確地呼叫 preventDefault。例如，在純...
React State
State 和生命週期這個章節會介紹在 React component 中 state 以及生命週期的概念。在這個章節中，我們將會學習如何封裝 Clock component 讓它可以真正的被重複使用。它將會設定本身的 timer 並且每秒更新一次。我們可以像這樣封裝 clock 做為開始：function Clock(props) {
return (
<div> <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2> </div> );
}
function tick() {
ReactDOM.render(
<Clock date={new...
訂閱：
文章 (Atom)
