美文网首页
react 调用函数组件内部方法

react 调用函数组件内部方法

作者: 淡眉峰 | 来源:发表于2019-05-06 00:09 被阅读0次

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);

    });

  }

```

相关文章

网友评论

      本文标题:react 调用函数组件内部方法

      本文链接:https://www.haomeiwen.com/subject/dpcloqtx.html