当前位置: 首页 > 工具软件 > BetterScroll > 使用案例 >

react中的Better Scroll效果

翁宏茂
2023-12-01

查看better Scroll的样式效果

import React, { Component } from 'react'

import BetterScroll from 'better-scroll'

export default class App extends Component {

    state={

        list:[]

       }

    render() {

    return (

      <div>

        <button onClick={()=>this.getData()}>click</button>

        <div className='wrap' style={{height:'50vw',backgroundColor:'yellow',overflow:'hidden'}}>

            <ul className='b'>

                {

                    this.state.list.map(item=>

                        <li key={item}>{item}</li>

                    )

                }

            </ul>

        </div>

      </div>

    )

  }

  getData(){

    var list=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]

    this.setState({

        list:list

    },()=>{

        new BetterScroll('.wrap')

    })

   

   

}

}

 类似资料: