A few days ago I've had the following situation:
{items.map((e, k) => {
return (
<React.Fragment key={k}>
<h2>{e}</h2>
</React.Fragment>
);
})}
Therefore needed to add a key
property to the React fragment <>
.
With the above syntax, I don't think it is possible.
But, if we are using the verbose syntax of React.Fragment
this can easily be done:
const animals = ['š Cat', 'š¶ Dog', 'š® Cow'];
return (
<>
{animals.map((e, k) => {
return (
<React.Fragment key={k}>
<h2>{e}</h2>
</React.Fragment>
);
})}
</>
);
Made this codepen for a test.
š Neural networks for Javascript developers
The Neural Networks for JavaScript developers book is almost ready! Learn the basics of AI with TensorFlowJs examples. Join now the presale and get a 15$ coupon off the launching price!