So now that we have successfully matched the data from immediate results, it's time in a mid-year results
to receive that data and show it on air.
So for that purpose, let's just create a component.
And this again, is going to be a class component.
So let's just first import a beer component from the act module and after this will be creating a bad
class component.
So let's just export default.
And this is going to be a class the name image results through.
It is supposed to be just reserves, not reserves.
OK.
This reminds me that I made a mistake in age.
Immediate results.
But then again, it is fine if we just leave it like there been one thing just for sanity purposes,
let's just make it desert and let's save and move back into a.
Immediate results.
Okay.
We wanted.
They're not going to say this now.
OK, let me disclose it.
No, export the world class imageries altro.
And this is going to extend to feel component.
Now, as usual, every React component is going to hold up a.
Random method.
So let's just give it a try, and no matter.
And this, in turn, would be having a written statement.
And as a ritual, every written statement needs to have a parent death.
So let's just give it to parents.
Now let's just see what we are receiving from our emoji results.
So we are receiving a symbol, a title as well as key.
So at present, we only have the use for symbol as well as title.
So let's just restructure it into our application.
So just about a written statement in a random method, what they're going to do is that will be creating
a concept and title because that's what we're receiving as a symbol.
It's going to be close to this start, perhaps because we are receiving them as a property's right to
die inside our written statement after a pattern of what they are going to do is will be rendering our
first image.
And this is going to have a source that should just leave it and deepen and alternative name, which
is going to be our title.
Now let's just close the self-closing image, OK?
So I see Natasha now after this image, we are going to have a wing span with the class name or title.
And this is going to hold up as title.
The name or the name of emoji.
And apart from this fan will be having another spin that is going to hold about information that is
going to say to us, Hey, copy this into a clipboard.
So just click to copy.
OK, so this is going to have a class name of info rather than title.
Now, as we have already discussed, that images or images are treated differently and application,
therefore we have to provided a hex code value.
So right at the place where we begin, we'll be giving it a hex code value.
So let's just create a constant.
And it.
Concert what you rename it with your name at Gold Point X.
No, this is going to be equal to the start.
Perhaps the symbol, but since we have already secured, we can just hope it voted as I a symbol and
symbol that could point that.
Which is going to be close to zero.
And to string.
We should be having 16.
OK, so we have now configured a record point, text notes, time to use it, but before we do that,
what we're going to do is inside our source component, we're going to assign it another source.
So let's just create another source constant, which is going to be equal to.
We will be using backpacks because we are to use the code wind picks inside of us.
So a statement.
So we are getting a emoji from this, you added.
So now let's just assign it a source and give our image a source, which is again an associate and hit
save.
So now we have configured everything that we needed for the basic functioning of ADAP.
We are transferring data from a mojito after filtering it, then we are going to add Amadu results and
we are again, then mapping it and we are showing that you are using emoji results, right?
So now let's just take a look at that up.