Creating an item page and adding comments

If you click on any of the pictures in the stream, you'll be taken to the item page. We don't need to set up a new query for this because we already have everything we need to display it. We'll get the item key from the router and apply a filter to the image stream, and we'll end up with a single item.

In the following screenshot, notice that the comment section has been added and that two random users have added some comments:

Creating an item page and adding comments

Create a new file called item.jsx in the components folder and add this code:

import React from 'react'; import { Grid,Row, Col, Button, Input } from 'react-bootstrap'; import { Link ...

Get ReactJS Blueprints now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.