1 of 5

Reactions

Trixta reaction related components can be found here.

TrixtaReactionComponent

React component used to pass Trixta Reaction Props to your child component or function.

Please note if your reaction is a request for response, the property requestForEffect must be false

import {
  TrixtaReactionComponent,
  TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';

<TrixtaReactionComponent
  roleName=""
  reactionName=""
  includeResponse={false}
  initialData={}
  extraData={}
  requestForEffect={false}
  defaultComponent={<Component/>}
  debugMode={false}
  requestEvent=""
  responseEvent=""
  errorEvent=""
  timeoutEvent=""
  timeout={1500}
  setTimeoutEventAsErrorEvent={false}
>
  {({
    submit,
    isInProgress,
    loading,
    instance,
    response,
    data,
  }: TrixtaReactionComponentArgs<
    TInitialData,TFormDataType,TSuccessType,TErrorType
  >) => (
    {function | <component />}
  )}
</TrixtaReactionComponent>

Props

RespondToReactionComponent

React component used to respond to the latest Trixta reaction effect or response when shouldRespond is true, by dispatching the response / initialData to actionToDispatch or dispatchResponseTo props.

Please note if your reaction is a request for response, the property requestForEffect must be false

RespondToReactionsComponent

React component used to respond to many Trixta reaction effect or response by dispatching the response / initialData to actionToDispatch or dispatchResponseTo props.

Please note if your reaction is a request for response, the property requestForEffect must be false

export function functionToDispatch(payload) {
  return {
    type: '',
    payload,
  }
}

import {
  RespondToReactionsComponent,
} from '@trixtateam/trixta-js-core';

<RespondToReactionsComponent
  roleName=""
  reactions={[{name,actionToDispatch,dispatchResponseTo,requestForEffect}]}
/>

Props

TrixtaReactionResponseComponent

React component used to pass Trixta Reaction Response Props to your child component or function.

Please note a reaction response is only viable, if the requestForEffect property is false

import {
  TrixtaReactionResponseComponent,
  TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';

<TrixtaReactionResponseComponent
  roleName=""
  reactionName=""
  debugMode={false}
>
  {({
    isInProgress,
    loading,
    instance,
    response,
    data,
  }: TrixtaReactionComponentArgs<
    TInitialData,TFormDataType,TSuccessType,TErrorType
  >) => (
    {function | <component />}
  )}
</TrixtaReactionResponseComponent>

Props

TrixtaReactionComponent

React component used to pass Trixta Reaction Props to your child component or function.

Please note if your reaction is a request for response, the property requestForEffect must be false

import {
  TrixtaReactionComponent,
  TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';

<TrixtaReactionComponent
  roleName=""
  reactionName=""
  includeResponse={false}
  initialData={}
  extraData={}
  requestForEffect={false}
  defaultComponent={<Component/>}
  debugMode={false}
  requestEvent=""
  responseEvent=""
  errorEvent=""
  timeoutEvent=""
  timeout={1500}
  setTimeoutEventAsErrorEvent={false}
>
  {({
    submit,
    isInProgress,
    loading,
    instance,
    response,
    data,
  }: TrixtaReactionComponentArgs<
    TInitialData,TFormDataType,TSuccessType,TErrorType
  >) => (
    {function | <component />}
  )}
</TrixtaReactionComponent>

Props

TrixtaReactionResponseComponent

React component used to pass Trixta Reaction Response Props to your child component or function.

Please note a reaction response is only viable, if the requestForEffect property is false

import {
  TrixtaReactionResponseComponent,
  TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';

<TrixtaReactionResponseComponent
  roleName=""
  reactionName=""
  debugMode={false}
>
  {({
    isInProgress,
    loading,
    instance,
    response,
    data,
  }: TrixtaReactionComponentArgs<
    TInitialData,TFormDataType,TSuccessType,TErrorType
  >) => (
    {function | <component />}
  )}
</TrixtaReactionResponseComponent>

Props

RespondToReactionsComponent

React component used to respond to many Trixta reaction effect or response by dispatching the response / initialData to actionToDispatch or dispatchResponseTo props.

Please note if your reaction is a request for response, the property requestForEffect must be false

export function functionToDispatch(payload) {
  return {
    type: '',
    payload,
  }
}

import {
  RespondToReactionsComponent,
} from '@trixtateam/trixta-js-core';

<RespondToReactionsComponent
  roleName=""
  reactions={[{name,actionToDispatch,dispatchResponseTo,requestForEffect}]}
/>