Skip to content

Instantly share code, notes, and snippets.

@jimfb
Created December 30, 2015 05:37
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jimfb/fb2a04fe3fa4637d7d62 to your computer and use it in GitHub Desktop.
Save jimfb/fb2a04fe3fa4637d7d62 to your computer and use it in GitHub Desktop.
Special React Props

Most props on a JSX element are passed on to the component, however, there are two special props (ref and key) which are used by React, and are thus not forwarded to the component.

For instance, attempting to access this.props.key from a component (eg. the render function) is not defined. If you need to access the same value within the child component, you should pass it as a different prop (ex: <ListItemWrapper key={result.id} id={result.id} />) While this may seem redundant, it's important to separate app logic from reconciling hints.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment