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

Minor tweaks

Browse Source
This commit is contained in:
Dan Abramov
2017-11-20 22:36:54 +00:00
committed by GitHub
parent c3b103dcb6
commit d73bb5d287
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,7 +24,8 @@ There are several ways to make sure functions have access to component attribute
```jsx
class Foo extends Component {
constructor () {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
@@ -54,7 +55,7 @@ class Foo extends Component {
```jsx
class Foo extends Component {
handleClick () {
handleClick() {
console.log('Click happened');
}
render() {
@@ -65,13 +66,13 @@ class Foo extends Component {
>**Note:**
>
>Using `Function.prototype.bind` in render creates a new function each time the component renders, which may have performance implications; (see below).
>Using `Function.prototype.bind` in render creates a new function each time the component renders, which may have performance implications (see below).
#### Arrow Function in Render
```jsx
class Foo extends Component {
handleClick () {
handleClick() {
console.log('Click happened');
}
render() {
@@ -82,7 +83,7 @@ class Foo extends Component {
>**Note:**
>
>Using an arrow function in render creates a new function each time the component renders, which may have performance implications; (see below).
>Using an arrow function in render creates a new function each time the component renders, which may have performance implications (see below).
### Is it OK to use arrow functions in render methods?