Skip to content

Instantly share code, notes, and snippets.

@abhishekjakhar
Created June 17, 2019 00:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save abhishekjakhar/9b7e9148d6dcb4a2082bdabdfd90a0dc to your computer and use it in GitHub Desktop.
Save abhishekjakhar/9b7e9148d6dcb4a2082bdabdfd90a0dc to your computer and use it in GitHub Desktop.
React Fragment (Description Component)(Keyed Fragment)
import React from 'react';
const teachers = [
{ id: 1, name: 'Abhishek', subject: 'React' },
{ id: 2, name: 'Aakash', subject: 'JavaScript' }
]
const Description = () => (
<dl>
{
teachers.map(teacher =>
<React.Fragment key={teacher.id}>
<dt>{teacher.name}</dt>
<dd>{teahcer.subject}</dd>
</React.Fragment>
)
}
</dl>
);
export default Description;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment