Call API in React Js | How to send data from frontend to backend react

Подписаться 5 тыс.

Просмотров 81 тыс.

50% 1

In this tutorial, I show you how to call API in react js. If you want to send or receive some data from the backend and you don't know how to send data from frontend to backend react, this quick video can help you how to achieve this.
You can download the project source code from here: pezeshkzade.co...
Fetch docs: developer.mozi...
Hope you enjoy it.
Consider subscribing...
Have a great day.

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 25

@ReactWithMasoud Год назад

You can download the project source code from here: pezeshkzade.com/blog/source-code/

@matt112fly 2 года назад

hey man great tutorial! i'm trying to send a word from search bar to backend into a function... which fetches data from API and updates it into the backend server..how can i do something like that? 1. search 2. use the search to fetch data from API 3. update the backend server with new data 4. display new data to front end

@danielkamau8436 21 день назад

Good work, I liked your English as you explained all bits, I got it well.

@alirezasepahvand9882 Месяц назад

عالی👏 ولی لحجه ایرانی گم نمیشه لامصب😂

@summerfortniteYT 2 месяца назад

عهههه برنامه نویس بودی ما نمیدونستیم

@ark333 2 года назад

Whem posting data to server I'm receiving "has been blocked by CORS policy" error, how can I solve this ? thanks so much, very good tutorial

@ReactWithMasoud 2 года назад

Because your server domain address and your client address(localhost) doesn't match.

@nseals100 2 года назад

You need to add the dependency cors to connect the backend to the front-end. Add npm install cors command to your back-end json package in the terminal. And you most definitely want your backend port different from your front-end port.

@mikep5854 2 года назад

When you setAuthors in line 35 after creating a author, why do you use an => instead of just setAuthors([…prev, resultInJson])

@kashmirtechtv2948 Год назад

because when our state depends on old value of state, we use arrow function...in this case, we had to pick other 4 users as well, so we used the spread operator to get them as well and then added the new user.

@mohamedbenhafsa9817 29 дней назад

Thank you for the video Explanation was so good we need more videos like this !! keep the great work 👌

@mrymzrzr4741 5 месяцев назад

سلام ،من یه با react یه برنامه نوشتم الان میخوام با axios وصل کنم به backend ولی من چیزی از backend نمیدونم فقط میخوام بزارم روی رزومه ام که بدونن کار با axios رو بلدم ، میخوام یه سری دیتا مثل Id و taskName رو از backend بگیرم باید چی کار کنم ؟

@0xredpill 4 месяца назад

Bro Masoud you are a star like you explained this like you are explaining it to a baby.

@lubuntumleto5052 9 месяцев назад

Thank you, excellent guide by API with clear explanation for every step

@juanantoniozorrilla8340 2 года назад

Hi, tanks for the video.. i have a problem in my code. Uncaught (in promise) SyntaxError: Unexpected end of input (at Main.jsx:17:1) That line contains: const resultJson = await result.json()