“React调用其它组件的方法”的版本间的差异

来自小青青的笔记
跳到导航 跳到搜索
（创建页面，内容为“一个react组件实际上是一个类。所以只要把它new出来就可以了！ <source lang="javascript"> let bComponent=new BComponent(this.props); bComponent…”）
 
小
 
第15行： 第15行：
 
</source>
 
</source>
  
−
好吧，这个插件不支持ES6语法。。。
+
好吧，我的mediawiki的这个语法高亮插件似乎不支持ES6语法。。。

2020年7月11日 (六) 11:11的最新版本

一个react组件实际上是一个类。所以只要把它new出来就可以了！ 

let bComponent=new BComponent(this.props);
bComponent.testMethod();

但是要注意，我在实际使用时，发现A组件调用B组件的方法时，B组件的this是指向A组件的。所以B组件中的方法如果操作了一些props,states，要确保A组件也有相同的props和states。

还有，如果被调用的组件是个高阶组件，比如它被redux的connect方法包装过，要使用WrappedComponent。 

let bComponent=new BComponent.WrappedComponent(this.props);
bComponent.testMethod();

好吧，我的mediawiki的这个语法高亮插件似乎不支持ES6语法。。。

取自“http://test.largeq.cn/index.php?title=React调用其它组件的方法&oldid=460”