trigger a function in my component from redux-observable epicCan you force a React component to rerender without calling setState?Why do we need middleware for async flow in Redux?Passing props to react-redux container componentWhat is mapDispatchToProps?Accessing the state from within a redux-observable epicReturn a Promise from Redux ObservableRedux-observable POST ajax request never sends the network requestRedux-Observable multiple actions in single epicmix redux-thunk with redux-observableRedux Observable Epic dispatch action before post
Which "exotic salt" can lower water's freezing point by –70 °C?
Find the area of the smallest rectangle to contain squares of sizes up to n
Is throwing dice a stochastic or a deterministic process?
Ab major 9th chord in Bach
How to preserve a rare version of a book?
What does the coin flipping before dying mean?
Which version of the Squat Nimbleness feat is correct?
Has the United States ever had a non-Christian President?
Endgame puzzle: How to avoid stalemate and win?
What word describes the sound of an instrument based on the shape of the waveform of its sound?
What does のそ mean on this picture?
How to deal with employer who keeps me at work after working hours
What happens if I accidentally leave an app running and click "Install Now" in Software Updater?
How did the Force make Luke hard to hit in the Battle of Yavin?
Dimmer switch not connected to ground
Can a good but unremarkable PhD student become an accomplished professor?
Was there a dinosaur-counter in the original Jurassic Park movie?
Picking a theme as a discovery writer
My large rocket is still flipping over
All of my Firefox add-ons been disabled suddenly, how can I re-enable them?
Make me a minimum magic sum
Hide livepatch indicator in top panel
What are these silver "sporks" for?
How to speed up large double sums in a table?
trigger a function in my component from redux-observable epic
Can you force a React component to rerender without calling setState?Why do we need middleware for async flow in Redux?Passing props to react-redux container componentWhat is mapDispatchToProps?Accessing the state from within a redux-observable epicReturn a Promise from Redux ObservableRedux-observable POST ajax request never sends the network requestRedux-Observable multiple actions in single epicmix redux-thunk with redux-observableRedux Observable Epic dispatch action before post
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Can I use a redux-observable epic to trigger a function in my component?
This is actually what I need:
//I call this function from a button press in my component
const veganPress = (props, refs) =>
props.updateShowProductIsVeganModal(true) //dispatches an action
.then((actionResponseString) => //need a promise so we can access the component.refs after the epic has finished
refs.toast.show(actionResponseString)
)
Then I would be needing to introduce redux-thunk or redux-promise. Is there a way to do this with redux-observable since I already have that?
reactjs react-native redux react-redux redux-observable
add a comment |
Can I use a redux-observable epic to trigger a function in my component?
This is actually what I need:
//I call this function from a button press in my component
const veganPress = (props, refs) =>
props.updateShowProductIsVeganModal(true) //dispatches an action
.then((actionResponseString) => //need a promise so we can access the component.refs after the epic has finished
refs.toast.show(actionResponseString)
)
Then I would be needing to introduce redux-thunk or redux-promise. Is there a way to do this with redux-observable since I already have that?
reactjs react-native redux react-redux redux-observable
The idiomatic approach is to communicate from the epic to the component using the Redux store andconnect
/props. If one could design their Redux store to contain an array of active toast messages... then one would: dispatch an action from your epic, push the message into the array in the store via a reducer, select the value from the store in a connected component, render the toast. You could wrap it up in a promise, but that breaks the unidirectional data flow pattern. Additionally, make sure you research via Google "React cancellable promise".
– seniorquico
Apr 22 at 5:54
add a comment |
Can I use a redux-observable epic to trigger a function in my component?
This is actually what I need:
//I call this function from a button press in my component
const veganPress = (props, refs) =>
props.updateShowProductIsVeganModal(true) //dispatches an action
.then((actionResponseString) => //need a promise so we can access the component.refs after the epic has finished
refs.toast.show(actionResponseString)
)
Then I would be needing to introduce redux-thunk or redux-promise. Is there a way to do this with redux-observable since I already have that?
reactjs react-native redux react-redux redux-observable
Can I use a redux-observable epic to trigger a function in my component?
This is actually what I need:
//I call this function from a button press in my component
const veganPress = (props, refs) =>
props.updateShowProductIsVeganModal(true) //dispatches an action
.then((actionResponseString) => //need a promise so we can access the component.refs after the epic has finished
refs.toast.show(actionResponseString)
)
Then I would be needing to introduce redux-thunk or redux-promise. Is there a way to do this with redux-observable since I already have that?
reactjs react-native redux react-redux redux-observable
reactjs react-native redux react-redux redux-observable
edited Mar 23 at 6:02
BeniaminoBaggins
asked Mar 23 at 4:59
BeniaminoBagginsBeniaminoBaggins
3,0821057143
3,0821057143
The idiomatic approach is to communicate from the epic to the component using the Redux store andconnect
/props. If one could design their Redux store to contain an array of active toast messages... then one would: dispatch an action from your epic, push the message into the array in the store via a reducer, select the value from the store in a connected component, render the toast. You could wrap it up in a promise, but that breaks the unidirectional data flow pattern. Additionally, make sure you research via Google "React cancellable promise".
– seniorquico
Apr 22 at 5:54
add a comment |
The idiomatic approach is to communicate from the epic to the component using the Redux store andconnect
/props. If one could design their Redux store to contain an array of active toast messages... then one would: dispatch an action from your epic, push the message into the array in the store via a reducer, select the value from the store in a connected component, render the toast. You could wrap it up in a promise, but that breaks the unidirectional data flow pattern. Additionally, make sure you research via Google "React cancellable promise".
– seniorquico
Apr 22 at 5:54
The idiomatic approach is to communicate from the epic to the component using the Redux store and
connect
/props. If one could design their Redux store to contain an array of active toast messages... then one would: dispatch an action from your epic, push the message into the array in the store via a reducer, select the value from the store in a connected component, render the toast. You could wrap it up in a promise, but that breaks the unidirectional data flow pattern. Additionally, make sure you research via Google "React cancellable promise".– seniorquico
Apr 22 at 5:54
The idiomatic approach is to communicate from the epic to the component using the Redux store and
connect
/props. If one could design their Redux store to contain an array of active toast messages... then one would: dispatch an action from your epic, push the message into the array in the store via a reducer, select the value from the store in a connected component, render the toast. You could wrap it up in a promise, but that breaks the unidirectional data flow pattern. Additionally, make sure you research via Google "React cancellable promise".– seniorquico
Apr 22 at 5:54
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
);
);
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%2f55310760%2ftrigger-a-function-in-my-component-from-redux-observable-epic%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
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.
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%2f55310760%2ftrigger-a-function-in-my-component-from-redux-observable-epic%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
The idiomatic approach is to communicate from the epic to the component using the Redux store and
connect
/props. If one could design their Redux store to contain an array of active toast messages... then one would: dispatch an action from your epic, push the message into the array in the store via a reducer, select the value from the store in a connected component, render the toast. You could wrap it up in a promise, but that breaks the unidirectional data flow pattern. Additionally, make sure you research via Google "React cancellable promise".– seniorquico
Apr 22 at 5:54