In this video, we can see how to write the code for a read receipt and the message from logistics companies.
So first, we have to go to the field component.
And then, as you can see here, we have created a class for real recipes, but haven't written any
code inside.
So now we'll write the code that is required.
So after entering in this day of leadership class, it will light up will call a function a JavaScript
function.
That is rendered read receipts.
So this function is basically to render the chart on the left set, all right, so if it is your message,
it should be on the right side.
If it is zero others opposite side myself, then it should be on the left side, so it will send two
parameters.
One is.
The message itself.
And there is the Boolean, whether it is your message or not, so is my message.
So one reason the JavaScript function, we have to create the function.
So here we have created a function for random messages.
Now will create the function for ratings of surrender data.
It's.
Two parameters.
Message and leave my message.
And we are at a function so like it shouldn't happen.
So basically it didn't they?
The message to the left underwrites it, so we have to map that like we have to map the person's idea,
right?
So we'll go to Chart Dot.
People from all people will map through each person.
So they're a little better person.
But my next.
So every time the rule plans.
Every time the new brands, there will be one person and the next corresponding with that person.
So that what we have to do is.
Will the 10 percent?
One person.
The Senate last.
The last word and that is from everybody.
Well, I don't know whether that's the question that launched it is terribly cultural.
Message not.
So we'll get an idea of that particular message the person is sending.
OK, and then we have to render the comprehension of this is true.
This is the middle of the second parameter of the item, which is right off the bat and operator will
get executed.
So we have to execute this.
Then we have to return to the right side with an angle to.
So this will be will be to keep.
I knew the dollar operator to get the public.
So these are the props of the.
Since there is a symbolic statement, attribute props are called as attributes.
Since the simple, extremely tight, this props are far less accurate, which class will be received?
Oh, just believe that it should be easy to.
And then we be a customs strike, but that still should be a JavaScript object.
Will be my floor.
It is my message.
Then it should be like.
And then when it should be left.
Background image if the person uploads Avatar while creating the user anyway, so we after another person's
avatar, read the person's profile picture.
So we can get through the night operator from mapping, from the lesson we got from the map function.
And we have to pass that you are.
It should be a person that was in rather.
So with this, we completed that and then we did it.
So basically, what it is doing, it is taken to promote this message and my message mapping to all
the people that are present inside that chat, like inside that chat group that is created, if not
for each person they're corresponding in next.
And it will render that person's message based on whether it is the user that is currently logged in
or that user with whom he is chatting.
So if it is, this is methodical, not on the right side.
If it is not, but opponents must have landed on the left set.
So this is basically what we are doing in that you underrated its function.
Then off of this computer, now we are left with two more components.
One is message form to send your message, as you can see it, to send the new message.
We need to build this message in the last one log in component to the log in form.
So these two components are remaining.
We'll see them in the next week.