Блог

Главная - Вопросы по программированию - Как получать данные от серверной части узла к клиенту react с помощью перехватов?

Как получать данные от серверной части узла к клиенту react с помощью перехватов?

#node.js #reactjs #express #axios

#node.js #reactjs #экспресс #axios

Вопрос:

Я знаю, что для этого мне нужно использовать axios. Но я понятия не имею, как отправлять запросы GET на мой сервер. Я сделал это с помощью ejs. Но с react это выглядит совсем по-другому для понимания. Я не думаю, что способ, которым я это сделал, был правильным, поэтому я не собираюсь включать здесь свой код. Пожалуйста, приведите мне пример по этому вопросу. Ценю вашу помощь.

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

1. Используйте XMLHttpRequest или fetch или axios .

2. Я не понимаю, почему люди отвергают мой вопрос. Я просмотрел много видео, но многие из них имеют дело с компонентами класса, а не с перехватами. Было не так много ресурсов для изучения этой концепции. Пожалуйста, прокомментируйте здесь, если вы отклоняете мой вопрос, чтобы я знал, в чем проблема. Спасибо.

3. Я не против, но это правда, что это очень фундаментальная вещь, доступная практически в каждом учебном пособии.

Ответ №1:

Не так сложно понять эту концепцию. с помощью axios вы можете это сделать,

Это то, что вам нужно иметь на стороне клиента.

   const [mydata, setMydata] = useState([])

  useEffect(() => {

    axios({
      method: 'GET',
      url: 'http://localhost:4000/api/myapi'
    }).then(res => {
      setMydata(res.data);
    })

  })

Это серверная часть.

 let details  = [10, 56, 78, 32]

app.get("/api/myapi", (req, res) => {
    res.json(details)
});

Вы можете передать что угодно в качестве ответа. строки, переменные, массивы и т. Д.