Missing docs about Transferring Props in JSX

[hellobrian]

(Originally opened in react/react#11124 (comment))

I noticed that the latest docs don't talk about Transferring Props in JSX with rest properties.

/* for example */
render() {
  const { children, ...other } = this.props;
  return <button {...other}>{children}</button>
}

☝️ I felt that this was really useful for building reusable react components and an important concept to surface on the main docs. I was curious if omitting this documentation was intentional? If so, it would be great to understand why (maybe this isn't a good practice anymore?).

Otherwise, I would be happy to send a PR that adds this back into the docs with any changes you and the community want to see. Overall, I just think this is important info to surface in the current docs.

Thanks!

[bvaughn]

On the JSX in Depth section of the docs there's a header called Spread Attributes. It isn't exactly what you mention though since it doesn't show how you can pluck some properties out and pass through the rest.

Would you be interested in submitting a PR that adds an additional example to this section?

[hellobrian]

Yes, I can send a PR - thanks for the quick response!

[bvaughn]

This issue is all yours! 😄

I've added an "in-progress" label so that others will know not to start work on the issue. If you change your mind about the issue, no worries! Just let me know so that I can remove the label and free it up for someone else to claim.

Cheers!