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

SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

은진 송씨 목차 역사 본관 분파 인물 조선 왕실과의 인척 관계 집성촌 항렬자 인구 같이 보기 각주 둘러보기 메뉴은진 송씨세종실록 149권, 지리지 충청도 공주목 은진현