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;








0















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?










share|improve this question
























  • 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


















0















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?










share|improve this question
























  • 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














0












0








0








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?










share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








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 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

















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













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


















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















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














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





















































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







Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript