react 调用函数组件内部方法

react刚入门,学习element-ui carousel源码后,准备做一个轮播图,在react16.8之后推荐使用hook编写,现在父组件在调用子组件方法遇到了问题,源码使用class组件,我用函数组件,大概思意思是在CarouselItem 组件 componentWillMount时,向Carousel组件中items(Array)添加CarouselItem,之后再调用 CarouselItem组件中 translateItem方法;在class组件中 直接通过"."得方式就能访问到,在函数组件中显然是不行的(违反hook使用原则:不能再循环中使用,只能在函数组件的主体内部调用);求助有没有办法或者其他好的方案


这是源码中,其中

```javascript

this.state.items=[CarouselItem,CarouselItem,CarouselItem...]

  _resetItemPosition(oldIndex: number): void {

    this.state.items.forEach((item, index) => {

      item.translateItem(index, this.state.activeIndex, oldIndex);

    });

  }

```

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容