mirror of
https://github.com/haveno-dex/haveno-ts.git
synced 2024-10-01 01:35:42 -04:00
95 lines
79 KiB
HTML
95 lines
79 KiB
HTML
<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Component | haveno-ts</title><meta name="description" content="Documentation for haveno-ts"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">haveno-ts</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label><input type="checkbox" id="tsd-filter-externals" checked/><label class="tsd-widget" for="tsd-filter-externals">Externals</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">haveno-ts</a></li><li><a href="../modules/App.html">App</a></li><li><a href="../modules/App._internal_.html"><internal></a></li><li><a href="App._internal_.Component.html">Component</a></li></ul><h1>Class Component<P, S, SS> </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>P = <span class="tsd-signature-symbol">{}</span></h4></li><li><h4>S = <span class="tsd-signature-symbol">{}</span></h4></li><li><h4>SS = <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="../interfaces/App._internal_.ComponentLifecycle.html" class="tsd-signature-type" data-tsd-kind="Interface">ComponentLifecycle</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span><ul class="tsd-hierarchy"><li><span class="target">Component</span><ul class="tsd-hierarchy"><li><a href="App.App-1.html" class="tsd-signature-type" data-tsd-kind="Class">App</a></li></ul></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section tsd-is-inherited tsd-is-external"><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section tsd-is-external"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#context" class="tsd-kind-icon">context</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#props" class="tsd-kind-icon">props</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#refs" class="tsd-kind-icon">refs</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static tsd-is-external"><a href="App._internal_.Component.html#contextType" class="tsd-kind-icon">context<wbr/>Type</a></li></ul></section><section class="tsd-index-section tsd-is-external"><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#UNSAFE_componentWillMount" class="tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#UNSAFE_componentWillReceiveProps" class="tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#UNSAFE_componentWillUpdate" class="tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentDidCatch" class="tsd-kind-icon">component<wbr/>Did<wbr/>Catch</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentDidMount" class="tsd-kind-icon">component<wbr/>Did<wbr/>Mount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentDidUpdate" class="tsd-kind-icon">component<wbr/>Did<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillMount" class="tsd-kind-icon">component<wbr/>Will<wbr/>Mount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillReceiveProps" class="tsd-kind-icon">component<wbr/>Will<wbr/>Receive<wbr/>Props</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillUnmount" class="tsd-kind-icon">component<wbr/>Will<wbr/>Unmount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillUpdate" class="tsd-kind-icon">component<wbr/>Will<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#forceUpdate" class="tsd-kind-icon">force<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#getSnapshotBeforeUpdate" class="tsd-kind-icon">get<wbr/>Snapshot<wbr/>Before<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-external"><a href="App._internal_.Component.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#shouldComponentUpdate" class="tsd-kind-icon">should<wbr/>Component<wbr/>Update</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group tsd-is-inherited tsd-is-external"><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-external"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link">constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">new <wbr/>Component<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol"> | </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="App._internal_.Component.html" class="tsd-signature-type" data-tsd-kind="Class">Component</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span></li><li class="tsd-signature tsd-kind-icon">new <wbr/>Component<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span>, context<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="App._internal_.Component.html" class="tsd-signature-type" data-tsd-kind="Class">Component</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from ComponentLifecycle<P, S, SS>.constructor</p><ul><li>Defined in node_modules/@types/react/index.d.ts:474</li></ul></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>P = <span class="tsd-signature-symbol">{}</span></h4></li><li><h4>S = <span class="tsd-signature-symbol">{}</span></h4></li><li><h4>SS = <span class="tsd-signature-type">any</span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>props: <span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol"> | </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="App._internal_.Component.html" class="tsd-signature-type" data-tsd-kind="Class">Component</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span></h4></li><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from ComponentLifecycle<P, S, SS>.constructor</p><ul><li>Defined in node_modules/@types/react/index.d.ts:479</li></ul></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd></dd><dt>see</dt><dd><p><a href="https://reactjs.org/docs/legacy-context.html">https://reactjs.org/docs/legacy-context.html</a></p>
|
|
</dd></dl></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>P = <span class="tsd-signature-symbol">{}</span></h4></li><li><h4>S = <span class="tsd-signature-symbol">{}</span></h4></li><li><h4>SS = <span class="tsd-signature-type">any</span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>props: <span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span></h5></li><li><h5>context: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="App._internal_.Component.html" class="tsd-signature-type" data-tsd-kind="Class">Component</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">></span></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group tsd-is-external"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"><a id="context" class="tsd-anchor"></a><h3 class="tsd-anchor-link">context<a href="#context" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:472</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>If using the new style context, re-declare this in your class to be the
|
|
<code>React.ContextType</code> of your <code>static contextType</code>.
|
|
Should be used with type annotation or static contextType.</p>
|
|
</div><div><pre><code class="language-ts"><span class="hl-0">static</span><span class="hl-1"> </span><span class="hl-0">contextType</span><span class="hl-1"> = </span><span class="hl-0">MyContext</span><br/><span class="hl-2">// For TS pre-3.7:</span><br/><span class="hl-0">context</span><span class="hl-1">!: </span><span class="hl-0">React</span><span class="hl-1">.</span><span class="hl-0">ContextType</span><span class="hl-1"><</span><span class="hl-3">typeof</span><span class="hl-1"> </span><span class="hl-0">MyContext</span><span class="hl-1">></span><br/><span class="hl-2">// For TS 3.7 and above:</span><br/><span class="hl-3">declare</span><span class="hl-1"> </span><span class="hl-4">context</span><span class="hl-1">: </span><span class="hl-0">React</span><span class="hl-1">.</span><span class="hl-0">ContextType</span><span class="hl-1"><</span><span class="hl-3">typeof</span><span class="hl-1"> </span><span class="hl-0">MyContext</span><span class="hl-1">></span>
|
|
</code></pre>
|
|
</div><dl class="tsd-comment-tags"><dt>see</dt><dd><p><a href="https://reactjs.org/docs/context.html">https://reactjs.org/docs/context.html</a></p>
|
|
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"><a id="props" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagReadonly">Readonly</span> props<a href="#props" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">props<span class="tsd-signature-symbol">:</span> <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> & </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">?: </span><a href="../modules/App._internal_.html#ReactNode" class="tsd-signature-type" data-tsd-kind="Type alias">ReactNode</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:497</li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"><a id="refs" class="tsd-anchor"></a><h3 class="tsd-anchor-link">refs<a href="#refs" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">refs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:503</li></ul></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p><a href="https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs</a></p>
|
|
</dd></dl></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-index-signature"><h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><a href="../modules/App._internal_.html#ReactInstance" class="tsd-signature-type" data-tsd-kind="Type alias">ReactInstance</a></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"><a id="state" class="tsd-anchor"></a><h3 class="tsd-anchor-link">state<a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:498</li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static tsd-is-external"><a id="contextType" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagOptional">Optional</span> context<wbr/>Type<a href="#contextType" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">context<wbr/>Type<span class="tsd-signature-symbol">?:</span> <a href="../modules/App._internal_.html" class="tsd-signature-type" data-tsd-kind="Namespace"><internal></a><span class="tsd-signature-symbol">.</span><a href="../interfaces/App._internal_.Context.html" class="tsd-signature-type" data-tsd-kind="Interface">Context</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:454</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>If set, <code>this.context</code> will be set at runtime to the current value of the given Context.</p>
|
|
</div><div><p>Usage:</p>
|
|
<pre><code class="language-ts"><span class="hl-3">type</span><span class="hl-1"> </span><span class="hl-5">MyContext</span><span class="hl-1"> = </span><span class="hl-5">number</span><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-6">Ctx</span><span class="hl-1"> = </span><span class="hl-0">React</span><span class="hl-1">.</span><span class="hl-7">createContext</span><span class="hl-1"><</span><span class="hl-5">MyContext</span><span class="hl-1">>(</span><span class="hl-8">0</span><span class="hl-1">)</span><br/><br/><span class="hl-3">class</span><span class="hl-1"> </span><span class="hl-5">Foo</span><span class="hl-1"> </span><span class="hl-3">extends</span><span class="hl-1"> </span><span class="hl-5">React</span><span class="hl-1">.</span><span class="hl-5">Component</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-3">static</span><span class="hl-1"> </span><span class="hl-0">contextType</span><span class="hl-1"> = </span><span class="hl-0">Ctx</span><br/><span class="hl-1"> </span><span class="hl-0">context</span><span class="hl-1">!: </span><span class="hl-5">React</span><span class="hl-1">.</span><span class="hl-5">ContextType</span><span class="hl-1"><</span><span class="hl-3">typeof</span><span class="hl-1"> </span><span class="hl-0">Ctx</span><span class="hl-1">></span><br/><span class="hl-1"> </span><span class="hl-7">render</span><span class="hl-1"> () {</span><br/><span class="hl-1"> </span><span class="hl-9">return</span><span class="hl-1"> <></span><span class="hl-0">My</span><span class="hl-1"> </span><span class="hl-0">context</span><span class="hl-10">'s value: {this.context}</></span><span class="hl-11">;</span><br/><span class="hl-1"> }</span><br/><span class="hl-1">}</span>
|
|
</code></pre>
|
|
</div><dl class="tsd-comment-tags"><dt>see</dt><dd><p><a href="https://reactjs.org/docs/context.html#classcontexttype">https://reactjs.org/docs/context.html#classcontexttype</a></p>
|
|
</dd></dl></div></section></section><section class="tsd-panel-group tsd-member-group tsd-is-external"><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillMount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount<a href="#UNSAFE_componentWillMount" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#UNSAFE_componentWillMount">UNSAFE_componentWillMount</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:710</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately before mounting occurs, and before <code>Component#render</code>.
|
|
Avoid introducing any side-effects or subscriptions in this method.</p>
|
|
</div><div><p>This method will not stop working in React 17.</p>
|
|
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
|
|
prevents this from being invoked.</p>
|
|
</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>16.3, use componentDidMount or the constructor instead</p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
|
|
</dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillReceiveProps" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props<a href="#UNSAFE_componentWillReceiveProps" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#UNSAFE_componentWillReceiveProps">UNSAFE_componentWillReceiveProps</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:742</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called when the component may be receiving new props.
|
|
React may call this even if props have not changed, so be sure to compare new and existing
|
|
props if you only want to handle changes.</p>
|
|
</div><div><p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
|
|
<p>This method will not stop working in React 17.</p>
|
|
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
|
|
prevents this from being invoked.</p>
|
|
</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>16.3, use static getDerivedStateFromProps instead</p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
|
|
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>nextProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillUpdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update<a href="#UNSAFE_componentWillUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, nextState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#UNSAFE_componentWillUpdate">UNSAFE_componentWillUpdate</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:770</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
|
|
</div><div><p>Note: You cannot call <code>Component#setState</code> here.</p>
|
|
<p>This method will not stop working in React 17.</p>
|
|
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
|
|
prevents this from being invoked.</p>
|
|
</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>16.3, use getSnapshotBeforeUpdate instead</p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
|
|
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>nextProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextState: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidCatch" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Did<wbr/>Catch<a href="#componentDidCatch" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Did<wbr/>Catch<span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Error</span>, errorInfo<span class="tsd-signature-symbol">: </span><a href="../interfaces/App._internal_.ErrorInfo.html" class="tsd-signature-type" data-tsd-kind="Interface">ErrorInfo</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentDidCatch">componentDidCatch</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:639</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Catches exceptions generated in descendant components. Unhandled exceptions will cause
|
|
the entire component tree to unmount.</p>
|
|
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>error: <span class="tsd-signature-type">Error</span></h5></li><li><h5>errorInfo: <a href="../interfaces/App._internal_.ErrorInfo.html" class="tsd-signature-type" data-tsd-kind="Interface">ErrorInfo</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidMount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Did<wbr/>Mount<a href="#componentDidMount" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Did<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentDidMount">componentDidMount</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:618</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately after a component is mounted. Setting state here will trigger re-rendering.</p>
|
|
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidUpdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Did<wbr/>Update<a href="#componentDidUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Did<wbr/>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, prevState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span>, snapshot<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentDidUpdate">componentDidUpdate</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:681</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately after updating occurs. Not called for the initial render.</p>
|
|
</div><div><p>The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.</p>
|
|
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>prevProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>prevState: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> snapshot: <span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillMount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Will<wbr/>Mount<a href="#componentWillMount" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Will<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentWillMount">componentWillMount</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:696</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately before mounting occurs, and before <code>Component#render</code>.
|
|
Avoid introducing any side-effects or subscriptions in this method.</p>
|
|
</div><div><p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
|
|
prevents this from being invoked.</p>
|
|
</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>16.3, use componentDidMount or the constructor instead; will stop working in React 17</p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
|
|
</dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillReceiveProps" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Will<wbr/>Receive<wbr/>Props<a href="#componentWillReceiveProps" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Will<wbr/>Receive<wbr/>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentWillReceiveProps">componentWillReceiveProps</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:725</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called when the component may be receiving new props.
|
|
React may call this even if props have not changed, so be sure to compare new and existing
|
|
props if you only want to handle changes.</p>
|
|
</div><div><p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
|
|
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
|
|
prevents this from being invoked.</p>
|
|
</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>16.3, use static getDerivedStateFromProps instead; will stop working in React 17</p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
|
|
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>nextProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillUnmount" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Will<wbr/>Unmount<a href="#componentWillUnmount" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Will<wbr/>Unmount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentWillUnmount">componentWillUnmount</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:634</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as
|
|
cancelled network requests, or cleaning up any DOM elements created in <code>componentDidMount</code>.</p>
|
|
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillUpdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr/>Will<wbr/>Update<a href="#componentWillUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">component<wbr/>Will<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, nextState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#componentWillUpdate">componentWillUpdate</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:755</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
|
|
</div><div><p>Note: You cannot call <code>Component#setState</code> here.</p>
|
|
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
|
|
prevents this from being invoked.</p>
|
|
</div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17</p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></p>
|
|
</dd><dt>see</dt><dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
|
|
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>nextProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextState: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"><a id="forceUpdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link">force<wbr/>Update<a href="#forceUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external"><li class="tsd-signature tsd-kind-icon">force<wbr/>Update<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:489</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-is-external"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="getSnapshotBeforeUpdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr/>Snapshot<wbr/>Before<wbr/>Update<a href="#getSnapshotBeforeUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">get<wbr/>Snapshot<wbr/>Before<wbr/>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, prevState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#getSnapshotBeforeUpdate">getSnapshotBeforeUpdate</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:675</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Runs before React applies the result of <code>render</code> to the document, and
|
|
returns an object to be given to componentDidUpdate. Useful for saving
|
|
things such as scroll position before <code>render</code> causes changes to it.</p>
|
|
</div><div><p>Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated
|
|
lifecycle events from running.</p>
|
|
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>prevProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>prevState: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">SS</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"><a id="render" class="tsd-anchor"></a><h3 class="tsd-anchor-link">render<a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external"><li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#ReactNode" class="tsd-signature-type" data-tsd-kind="Type alias">ReactNode</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:490</li></ul></aside><h4 class="tsd-returns-title">Returns <a href="../modules/App._internal_.html#ReactNode" class="tsd-signature-type" data-tsd-kind="Type alias">ReactNode</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-external"><a id="setState" class="tsd-anchor"></a><h3 class="tsd-anchor-link">set<wbr/>State<a href="#setState" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-external"><li class="tsd-signature tsd-kind-icon">set<wbr/>State<span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span>state<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>prevState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span>, props<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol"> | </span><a href="../modules/App._internal_.html#Pick" class="tsd-signature-type" data-tsd-kind="Type alias">Pick</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><a href="../modules/App._internal_.html#Pick" class="tsd-signature-type" data-tsd-kind="Type alias">Pick</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">></span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in node_modules/@types/react/index.d.ts:484</li></ul></aside><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">symbol</span></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>state: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>prevState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span>, props<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol"> | </span><a href="../modules/App._internal_.html#Pick" class="tsd-signature-type" data-tsd-kind="Type alias">Pick</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><a href="../modules/App._internal_.html#Pick" class="tsd-signature-type" data-tsd-kind="Type alias">Pick</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">></span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-is-external"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="shouldComponentUpdate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="tsd-flag ts-flagOptional">Optional</span> should<wbr/>Component<wbr/>Update<a href="#shouldComponentUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><li class="tsd-signature tsd-kind-icon">should<wbr/>Component<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span>, nextState<span class="tsd-signature-symbol">: </span><a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="../interfaces/App._internal_.ComponentLifecycle.html">ComponentLifecycle</a>.<a href="../interfaces/App._internal_.ComponentLifecycle.html#shouldComponentUpdate">shouldComponentUpdate</a></p><ul><li>Defined in node_modules/@types/react/index.d.ts:629</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
|
|
<p>Called to determine whether the change in props and state should trigger a re-render.</p>
|
|
</div><div><p><code>Component</code> always returns true.
|
|
<code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
|
|
props or states have changed.</p>
|
|
<p>If false is returned, <code>Component#render</code>, <code>componentWillUpdate</code>
|
|
and <code>componentDidUpdate</code> will not be called.</p>
|
|
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>nextProps: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">P</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextState: <a href="../modules/App._internal_.html#Readonly" class="tsd-signature-type" data-tsd-kind="Type alias">Readonly</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">S</span><span class="tsd-signature-symbol">></span></h5></li><li><h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/App.html">App</a><ul><li class="current tsd-kind-namespace tsd-parent-kind-module"><a href="../modules/App._internal_.html"><internal></a></li></ul></li><li class=" tsd-kind-module"><a href="../modules/haveno.html">haveno</a></li><li class=" tsd-kind-module"><a href="../modules/haveno.html">haveno</a></li><li class=" tsd-kind-module"><a href="../modules/protobuf_GrpcServiceClientPb.html">protobuf/<wbr/>Grpc<wbr/>Service<wbr/>Client<wbr/>Pb</a></li><li class=" tsd-kind-module"><a href="../modules/protobuf_grpc_pb.html">protobuf/grpc_<wbr/>pb</a></li><li class=" tsd-kind-module"><a href="../modules/protobuf_pb_pb.html">protobuf/pb_<wbr/>pb</a></li><li class=" tsd-kind-module"><a href="../modules/reportWebVitals.html">report<wbr/>Web<wbr/>Vitals</a></li><li class=" tsd-kind-module"><a href="../modules/utils_HavenoUtils.html">utils/<wbr/>Haveno<wbr/>Utils</a></li><li class=" tsd-kind-module"><a href="../modules/utils_TaskLooper.html">utils/<wbr/>Task<wbr/>Looper</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external"><a href="App._internal_.Component.html" class="tsd-kind-icon">Component</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#context" class="tsd-kind-icon">context</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#props" class="tsd-kind-icon">props</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#refs" class="tsd-kind-icon">refs</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static tsd-is-external"><a href="App._internal_.Component.html#contextType" class="tsd-kind-icon">context<wbr/>Type</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#UNSAFE_componentWillMount" class="tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#UNSAFE_componentWillReceiveProps" class="tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#UNSAFE_componentWillUpdate" class="tsd-kind-icon">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentDidCatch" class="tsd-kind-icon">component<wbr/>Did<wbr/>Catch</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentDidMount" class="tsd-kind-icon">component<wbr/>Did<wbr/>Mount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentDidUpdate" class="tsd-kind-icon">component<wbr/>Did<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillMount" class="tsd-kind-icon">component<wbr/>Will<wbr/>Mount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillReceiveProps" class="tsd-kind-icon">component<wbr/>Will<wbr/>Receive<wbr/>Props</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillUnmount" class="tsd-kind-icon">component<wbr/>Will<wbr/>Unmount</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#componentWillUpdate" class="tsd-kind-icon">component<wbr/>Will<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#forceUpdate" class="tsd-kind-icon">force<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#getSnapshotBeforeUpdate" class="tsd-kind-icon">get<wbr/>Snapshot<wbr/>Before<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-external"><a href="App._internal_.Component.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-external"><a href="App._internal_.Component.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="App._internal_.Component.html#shouldComponentUpdate" class="tsd-kind-icon">should<wbr/>Component<wbr/>Update</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-namespace"><span class="tsd-kind-icon">Namespace</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html> |