在开发过程中，我们会遇到这样一种场景：点击某个按钮之后，数据会循环切换，就像摩天轮一样，每转动一下，数据就会变，但是数据是又是按照一定的周期循环重复的。

要实现这个功能，核心算法就是:

arr[n%arr.length]
n++

下面我们就用react来实现一下：

import { useState } from 'react'

import './App.css'

const PSNames = ['Fairs','Melissa','Wendy','Megan']

function App() {
  const [N, setN] = useState(0)

  const myClick = () => {
    setN(n=>n+1)
  }
  return (
    <>
     <span onClick={myClick}>{PSNames[N%PSNames.length]}</span>
    </>
  )
}

export default App

来看看效果：