Passing data from a react component to python-flask api
0
Is there any typical approach for passing the data from a react component to a python-flask api for processing that data? Or any resources/examples where I can learn to integrate/include python-flask with react ?
python reactjs flask
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
add a comment |
0
Is there any typical approach for passing the data from a react component to a python-flask api for processing that data? Or any resources/examples where I can learn to integrate/include python-flask with react ?
python reactjs flask
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
Use Axios library to make a POST or GET API call
– Ashish Kirodian
Nov 15 '18 at 5:00
Hey Ashish, thanks for your answer. I had an idea in mind about using axios in this situation. But had few doubts which are as follow: 1) Will i need to run my python flask application independently w.r.t the react ones, so that all the api's exposed from my python application can serve requests from react? 2) If not what would you suggest for a better approach? Thank you!
– Saurabh Kulkarni
Nov 15 '18 at 15:00
Yes.. you need to run flask api at a port so that you can make requests from the axios
– Ashish Kirodian
Nov 15 '18 at 15:44
Oh ok. I will surely try this out. Thanks for the help.Cheers!
– Saurabh Kulkarni
Nov 15 '18 at 16:28
add a comment |
0
0
0
Is there any typical approach for passing the data from a react component to a python-flask api for processing that data? Or any resources/examples where I can learn to integrate/include python-flask with react ?
python reactjs flask
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
Is there any typical approach for passing the data from a react component to a python-flask api for processing that data? Or any resources/examples where I can learn to integrate/include python-flask with react ?
python reactjs flask
python reactjs flask
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
asked Nov 15 '18 at 3:58
Saurabh KulkarniSaurabh Kulkarni
11
11
Use Axios library to make a POST or GET API call
– Ashish Kirodian
Nov 15 '18 at 5:00
Hey Ashish, thanks for your answer. I had an idea in mind about using axios in this situation. But had few doubts which are as follow: 1) Will i need to run my python flask application independently w.r.t the react ones, so that all the api's exposed from my python application can serve requests from react? 2) If not what would you suggest for a better approach? Thank you!
– Saurabh Kulkarni
Nov 15 '18 at 15:00
Yes.. you need to run flask api at a port so that you can make requests from the axios
– Ashish Kirodian
Nov 15 '18 at 15:44
Oh ok. I will surely try this out. Thanks for the help.Cheers!
– Saurabh Kulkarni
Nov 15 '18 at 16:28
add a comment |
Use Axios library to make a POST or GET API call
– Ashish Kirodian
Nov 15 '18 at 5:00
Hey Ashish, thanks for your answer. I had an idea in mind about using axios in this situation. But had few doubts which are as follow: 1) Will i need to run my python flask application independently w.r.t the react ones, so that all the api's exposed from my python application can serve requests from react? 2) If not what would you suggest for a better approach? Thank you!
– Saurabh Kulkarni
Nov 15 '18 at 15:00
Yes.. you need to run flask api at a port so that you can make requests from the axios
– Ashish Kirodian
Nov 15 '18 at 15:44
Oh ok. I will surely try this out. Thanks for the help.Cheers!
– Saurabh Kulkarni
Nov 15 '18 at 16:28
Use Axios library to make a POST or GET API call
– Ashish Kirodian
Nov 15 '18 at 5:00
Use Axios library to make a POST or GET API call
– Ashish Kirodian
Nov 15 '18 at 5:00
Hey Ashish, thanks for your answer. I had an idea in mind about using axios in this situation. But had few doubts which are as follow: 1) Will i need to run my python flask application independently w.r.t the react ones, so that all the api's exposed from my python application can serve requests from react? 2) If not what would you suggest for a better approach? Thank you!
– Saurabh Kulkarni
Nov 15 '18 at 15:00
Hey Ashish, thanks for your answer. I had an idea in mind about using axios in this situation. But had few doubts which are as follow: 1) Will i need to run my python flask application independently w.r.t the react ones, so that all the api's exposed from my python application can serve requests from react? 2) If not what would you suggest for a better approach? Thank you!
– Saurabh Kulkarni
Nov 15 '18 at 15:00
Yes.. you need to run flask api at a port so that you can make requests from the axios
– Ashish Kirodian
Nov 15 '18 at 15:44
Yes.. you need to run flask api at a port so that you can make requests from the axios
– Ashish Kirodian
Nov 15 '18 at 15:44
Oh ok. I will surely try this out. Thanks for the help.Cheers!
– Saurabh Kulkarni
Nov 15 '18 at 16:28
Oh ok. I will surely try this out. Thanks for the help.Cheers!
– Saurabh Kulkarni
Nov 15 '18 at 16:28
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53312235%2fpassing-data-from-a-react-component-to-python-flask-api%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53312235%2fpassing-data-from-a-react-component-to-python-flask-api%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Use Axios library to make a POST or GET API call
– Ashish Kirodian
Nov 15 '18 at 5:00
Hey Ashish, thanks for your answer. I had an idea in mind about using axios in this situation. But had few doubts which are as follow: 1) Will i need to run my python flask application independently w.r.t the react ones, so that all the api's exposed from my python application can serve requests from react? 2) If not what would you suggest for a better approach? Thank you!
– Saurabh Kulkarni
Nov 15 '18 at 15:00
Yes.. you need to run flask api at a port so that you can make requests from the axios
– Ashish Kirodian
Nov 15 '18 at 15:44
Oh ok. I will surely try this out. Thanks for the help.Cheers!
– Saurabh Kulkarni
Nov 15 '18 at 16:28