quine-global/hyper
1
0
Fork 0
mirror of https://github.com/quine-global/hyper.git synced 2026-01-18 14:38:40 -09:00
Code Issues Projects Releases Packages Wiki Activity Actions

Doc: Add onDecorated reference and fix component hierarchy (#1711)

Browse source 
* Doc: Add TermGroup in component hierarchy
* Doc: Add SplitPane in component hierarchy
* Doc: Add onDecorated reference
This commit is contained in:
CHaBou 2017-05-13 16:57:41 +02:00 committed by GitHub
parent eeaf4be151
commit e57b8691f7
1 changed files with 26 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
website/index.html
View file

@ -833,7 +833,7 @@
extend <code>Hyper</code> is that of its underlying open
source libraries.</p>
<p>Your module has to expose at least one of these methods:.</p>
<p>Your module has to expose at least one of these methods:</p>
<table class="api">
<thead>
@ -1243,7 +1243,16 @@
&lt;/Tabs&gt;
&lt;/Header&gt;
&lt;Terms&gt;
&lt;Term /&gt; ...
&lt;TermGroup&gt;
&lt;SplitPane&gt;
&lt;TermGroup&gt;
&lt;Term /&gt; ...
&lt;/TermGroup&gt;
&lt;TermGroup&gt;
&lt;Term /&gt; ...
&lt;/TermGroup&gt;
&lt;/TermGroup&gt;
&lt;/SplitPane&gt;
&lt;/Terms&gt;
&lt;Notifications&gt;
&lt;Notification /&gt; ...
@ -1292,9 +1301,14 @@
</tbody>
</table>
<p>Your higher order component can supply a <code>onDecorated</code>
property to the decorated component to get a reference to its instance.</p>
<p>We encourage you to maintain compatibility with other decorators.
Since many can be set, don't assume that yours is the only one.
For example, if you're passing children, compose potential existing
Since many can be set, don't assume that yours is the only one.<p>
<p>For example, if you're passing children, compose potential existing
values:</p>
<pre><code>render () {
@ -1303,6 +1317,14 @@
return &lt;Tab {...this.props} customChildren={customChildren} /&gt;
}</code></pre>
<p>Or if you use <code>onDecorated</code> property</p>
<pre><code>onDecorated (term) {
this.term = term;
if (this.props.onDecorated) {
this.props.onDecorated(term);
}
}</code></pre>
<h3 id="actions-and-effects"><a href="#actions-and-effects">Actions and Effects</a></h3>