Skip to content

Commit 358d660

Browse files
authored
Merge pull request #137 from reactjs/sync-ec2d0adc
Sync with reactjs.org @ ec2d0ad
2 parents dad0f87 + a7f291f commit 358d660

File tree

1 file changed

+12
-13
lines changed

1 file changed

+12
-13
lines changed

content/docs/handling-events.md

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -30,26 +30,25 @@ sẽ có đôi chút khác biệt trong React:
3030
```
3131

3232
Một điểm khác biệt nữa trong React là bạn không thể trả về `false` để chặn những hành vi mặc định mà phải gọi `preventDefault` trực tiếp. Lấy ví dụ với đoạn HTML sau, để chặn hành vi mặc định của đường dẫn là mở trang mới, bạn có thể viết:
33-
3433
```html
35-
<a href="#" onclick="console.log('The link was clicked.'); return false">
36-
Click me
37-
</a>
34+
<form onsubmit="console.log('You clicked submit.'); return false">
35+
<button type="submit">Submit</button>
36+
</form>
3837
```
3938

4039
Còn trong React, bạn có thể làm như thế này:
4140

42-
```js{2-5,8}
43-
function ActionLink() {
44-
function handleClick(e) {
41+
```js{3}
42+
function Form() {
43+
function handleSubmit(e) {
4544
e.preventDefault();
46-
console.log('The link was clicked.');
45+
console.log('You clicked submit.');
4746
}
4847
4948
return (
50-
<a href="#" onClick={handleClick}>
51-
Click me
52-
</a>
49+
<form onSubmit={handleSubmit}>
50+
<button type="submit">Submit</button>
51+
</form>
5352
);
5453
}
5554
```
@@ -71,8 +70,8 @@ class Toggle extends React.Component {
7170
}
7271
7372
handleClick() {
74-
this.setState(state => ({
75-
isToggleOn: !state.isToggleOn
73+
this.setState(prevState => ({
74+
isToggleOn: !prevState.isToggleOn
7675
}));
7776
}
7877

0 commit comments

Comments
 (0)