{
    "componentChunkName": "component---src-templates-doc-page-js",
    "path": "/docs/en/JS_API/built_in_services/reactions/transition/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Gatsby-doc-engine"}},"markdownRemark":{"id":"b9dee526-f98d-5d1d-8d4d-ce70b3508dee","excerpt":"The function executes transition into the specified state. Function can get as parameters: String that indicates the state for the transition. In the format of…","html":"<h1><code class=\"language-text\">function transition(transition)</code></h1>\n<hr>\n<p>The function executes transition into the specified state.</p>\n<p>Function can get as parameters:</p>\n<ul>\n<li>String that indicates the state for the transition. In the format of <code class=\"language-text\">/path</code>.</li>\n<li>Object that contains the path anda flag of the delayed transition <code class=\"language-text\">deffered</code>. The flag takes on values <code class=\"language-text\">true</code> and <code class=\"language-text\">false</code>.</li>\n</ul>\n<p>The function with the deferred transition flag <code class=\"language-text\">deffered=true</code> is equivalent to the <code class=\"language-text\">go</code> tag.\r\nThe function with the deferred flag <code class=\"language-text\">deffered=false</code> is equivalent to the <code class=\"language-text\">go!</code> tag.</p>\n</br>\n<h4>Syntax</h4>\n<p>The path after the tag can be both absolute and relative:</p>\n<ul>\n<li><code class=\"language-text\">/</code> — root topic;</li>\n<li><code class=\"language-text\">.</code> — current state;</li>\n<li><code class=\"language-text\">..</code> — state from a higher level (parent state);</li>\n<li><code class=\"language-text\">./..</code> — separation of path elements.</li>\n</ul>\n</br>\n<h4>How to use</h4>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token literal-property property\">script</span><span class=\"token operator\">:</span>\r\n  $reactions<span class=\"token punctuation\">.</span><span class=\"token function\">transition</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"/Welcome\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\r\n  $reactions<span class=\"token punctuation\">.</span><span class=\"token function\">transition</span><span class=\"token punctuation\">(</span> <span class=\"token punctuation\">{</span><span class=\"token literal-property property\">value</span><span class=\"token operator\">:</span> <span class=\"token string\">\"/Welcome\"</span><span class=\"token punctuation\">,</span> <span class=\"token literal-property property\">deferred</span><span class=\"token operator\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">}</span> <span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>","frontmatter":{"title":"","description":null},"headings":[{"value":"<code class=\"language-text\">function transition(transition)</code>"}]}},"pageContext":{"slug":"/docs/en/JS_API/built_in_services/reactions/transition/","previous":{"fields":{"slug":"/docs/en/common/tutorials/bot_api/bot_api/"},"frontmatter":{"title":"","description":null}},"next":{"fields":{"slug":"/docs/en/JS_API/built_in_services/reactions/timeout/"},"frontmatter":{"title":"","description":null}}}},
    "staticQueryHashes": ["1209419333"]}