http://test.largeq.cn/index.php?action=history&feed=atom&title=React%E8%B0%83%E7%94%A8%E5%85%B6%E5%AE%83%E7%BB%84%E4%BB%B6%E7%9A%84%E6%96%B9%E6%B3%95 2026-04-20T01:44:59Z 本wiki的该页面的版本历史 MediaWiki 11.45.14 http://test.largeq.cn/index.php?title=React%E8%B0%83%E7%94%A8%E5%85%B6%E5%AE%83%E7%BB%84%E4%BB%B6%E7%9A%84%E6%96%B9%E6%B3%95&diff=460&oldid=prev 2020-07-11T03:11:05Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">2020年7月11日 (六) 03:11的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15" >第15行：</td> <td colspan="2" class="diff-lineno">第15行：</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/source&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/source&gt;</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">好吧，这个插件不支持ES6语法。。。</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">好吧，我的mediawiki的这个语法高亮插件似乎不支持ES6语法。。。</ins></div></td></tr> </table>

IVEN http://test.largeq.cn/index.php?title=React%E8%B0%83%E7%94%A8%E5%85%B6%E5%AE%83%E7%BB%84%E4%BB%B6%E7%9A%84%E6%96%B9%E6%B3%95&diff=459&oldid=prev 2020-07-11T03:10:20Z

<p>创建页面，内容为“一个react组件实际上是一个类。所以只要把它new出来就可以了！ &lt;source lang=&quot;javascript&quot;&gt; let bComponent=new BComponent(this.props); bComponent…”</p> <p><b>新页面</b></p><div>一个react组件实际上是一个类。所以只要把它new出来就可以了！<br /> <br /> &lt;source lang=&quot;javascript&quot;&gt;<br /> let bComponent=new BComponent(this.props);<br /> bComponent.testMethod();<br /> &lt;/source&gt;<br /> <br /> 但是要注意，我在实际使用时，发现A组件调用B组件的方法时，B组件的this是指向A组件的。所以B组件中的方法如果操作了一些props,states，要确保A组件也有相同的props和states。<br /> <br /> 还有，如果被调用的组件是个高阶组件，比如它被redux的connect方法包装过，要使用WrappedComponent。<br /> <br /> &lt;source lang=&quot;javascript&quot;&gt;<br /> let bComponent=new BComponent.WrappedComponent(this.props);<br /> bComponent.testMethod();<br /> &lt;/source&gt;<br /> <br /> 好吧，这个插件不支持ES6语法。。。</div>

IVEN