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

How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

Convert JSON to MapSimplest way to convert a string representing JSON array into Java array List of key value pairsHow to take String JSON values into HashMapConvert a JSON String to a HashMapCreating BSON object from JSON stringJSONObject - How to get a value ?Better Map ConstructorReading JSON from Url javaUpdate columns if input values are not null otherwise ignore and keep the existing values of column in databaseHow to store object represented as Json string into Couchbase Lite?Go JSON into MapHow do I efficiently iterate over each entry in a Java Map?Sort a Map<Key, Value> by valuesHow to round a number to n decimal places in JavaCan comments be used in JSON?How do I read / convert an InputStream into a String in Java?How can I pretty-print JSON in a shell script?What is the correct JSON content type?How can I deserialize JSON to a simple Dictionary<string,string> in ASP.NET?Why does Google prepend while(1); to their JSON responses?Parse JSON in JavaScript?