react实现轮播图，以及实现绑定组件。

最新推荐文章于 2025-04-09 21:16:08 发布

扬州的你

最新推荐文章于 2025-04-09 21:16:08 发布

阅读量418

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/jtpython666/article/details/116134024

react实现轮播图，以及实现绑定组件。
绑定组件：
//
创建一个变量, 与某个组件绑定
fl = React.createRef();
在html中创建ref={this.fl}，
在函数中操作：this.fl.current.scrollToIndex({index: this.current})
具体看以下代码

// rnc
import React, {
   Component} from 'react';
import {
   Dimensions, FlatList, Image, Text, View} from 'react-native';

const {
   width, height} = Dimensions.get('screen');

const rpx = x => (width / 750) * x;

export default class App extends Component {
   
  douyu = 'http://capi.douyucdn.cn/api/v1/live?limit=20&offset=0';

  state = {
   data: []};

  componentDidMount() {
   
    fetch(this.douyu)
      .then(res => res.json())
      .then(res => {
   
        console.