Ответьте два раза в экспрессе

Мой код реакции

<form action = "/ContactUs/FormData" method = "POST">
...         
</form>

а также

handleSubmit(){
    fetch('/ContactUs/FormData')
    .then((results)=>results.json())
    .then((result)=>{
        if (result.name==='ErrorOccured'){
            this.setState({
                display: 'An Error Occured. Please try again!'
            });
        }
        else{
            this.setState({
                display: 'We have recorded your response '+result.name+ '. Please note your ID: '+ result.id
            });
        }
    })
}

Мой экспресс-код

app.post("/ContactUs/FormData",function(req,res){

}
formResponse.save((err,data)=>{ 
    if (err){
        res.write(JSON.stringify({"name":"ErrorOccured"}));
    }
    else{
        res.write(JSON.stringify(data));
    }
    res.redirect("/ContactUs");
});

Я хочу, чтобы при отправке данных в '/ ContactUs / FormData' их нужно было сохранить с помощью Mongoose, а затем отобразить страницу формы (два запроса ответа в одном методе публикации).

Как мне добиться этого, чтобы страница также отображалась и некоторые данные json также отправлялись в React.

Вы не можете, по крайней мере, не с AJAX

Luca Kiebel 08.09.2018 19:07

Итак, как я могу сделать это любым другим методом?

Chirag 08.09.2018 19:14
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
39
1

Ответы 1

Express не должен отображать страницу формы. ReactJS должен. Express должен просто ответить любыми данными, необходимыми React для отображения страницы формы.

Ваш сценарий должен быть:

  1. React отправляет данные формы
  2. Экспресс сохраняет его в базу данных
  3. После сохранения получите все данные, необходимые для рендеринга страница формы.
  4. В экспрессе объедините данные для страница формы и сообщение об успехе / ошибке из операции сохранения в один единственный объект JS.
  5. Express должен отправить этот единственный объект в React через res.write (без перенаправления)
  6. React читает ответ, отображает любое сообщение об ошибке и / или отображает страница формы, отображая данные, отправленные Express

Обратите внимание, что Express может возвращать любые данные, включая информацию, чтобы React знал, какую страницу отображать следующей.

Так есть ли способ отреагировать на рендеринг этой страницы?

Chirag 08.09.2018 20:21

ReactJS предназначен для рендеринга страниц. Я не знаю, как должен выглядеть ваш страница формы, но вы можете построить его так же, как и ваш страница контактов. Вам, вероятно, следует прочитать документацию по React, чтобы понять, для чего вы можете его использовать.

Multicolaure 11.09.2018 10:47

Другие вопросы по теме