Обработка почтового запроса в приложении React JS

Question

Я написал целое приложение на стороне клиента ReactJS.Я могу принять / API для URL моего реагирующего приложения, используя <BrowserRouter>

Я ищу способ отправить запрос в мое приложение React.Например.Когда пользователь отправляет запрос на сообщение http://myreactapp.com, он должен распознать запрос на публикацию и получить тело сообщения, полученное от этого вызова, и я хочу присвоить ему одно из состояний перед загрузкой приложения React.

Я пытался найти много вещей на BrowserRouter, но не смог найти 1.

Может кто-нибудь помочь мне направить путь к реализации обработки POST с параметрами тела.

Я открыт только для предложений, а не для всего кода, так как я застрял, думая, что делать дальше.

render((
<BrowserRouter>
    <div>
        <Route exact path="/"
            render={() => (<App />)} />
        <Route path="/find/:find"
            render={(props) => (<App {...props} />)} />
    </div>
</BrowserRouter>
), document.getElementById('root')
);

Я пытался с BorwserRouter, но, кажется, он принимает толькоПолучите параметры, а не тело сообщения.

Я также слышал об использовании NodeJS или Express в качестве бэкэнда, но кто-то может мне помочь с изменением моего текущего кода React для преобразования в Express только для запроса Post, а все остальное остается прежним,

TIA!

Answer 1

Предположим, что URL-адрес вызова POST равен - 'http://baseurl.com/postcall/:postbody'.

1. Вы должны объявить маршрут с путем вышеупомянутой формы.

2. После этого используйте match.params.postbody для хранения тела после звонка в состоянии.

3. Вы можете отображать загрузчик до тех пор, пока не будет this.state.postbody и условно отображает div , который вы написали внутри BrowserRouter .( {this.state.postbody && ...} )