amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update debounce/throttle examples

Browse Source
This commit is contained in:
Alex
2017-11-20 11:10:50 -08:00
committed by GitHub
parent 44e5f6a1dd
commit c17b54a121
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
content/docs/faq-functions.md
View File

@@ -185,7 +185,7 @@ If you have an event handler such as `onClick` or `onScroll` and want to prevent
#### Throttle
```jsx
import { throttle } from 'lodash'
import throttle from 'lodash.throttle'
class LoadMoreButton extends React.Component {
handleClick = throttle(() => {
@@ -201,18 +201,17 @@ class LoadMoreButton extends React.Component {
#### Debounce
```jsx
import { debounce } from 'lodash'
import debounce from 'lodash.debounce'
class Searchbox extends React.Component {
handleChange = event => {
event.persist()
this._handleChangeDebounced(event)
this._handleChangeDebounced(event.target.value)
};
_handleChangeDebounced = debounce(event => {
this.props.onChange(event.target.value)
}, 250)
};
_handleChangeDebounced = debounce(value => {
this.props.onChange(value)
}, 250)
render() {
return (
@@ -225,4 +224,4 @@ class Searchbox extends React.Component {
)
}
}
```
```