如何在react中将类分配给map中的每个第n个div元素？

import React from 'react';

class App extends React.Component {
  render() {
    const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    const n = 3; // 每第n个div元素

    return (
      <div>
        {data.map((item, index) => {
          if ((index + 1) % n === 0) {
            return <div className="your-class" key={index}>{item}</div>;
          } else {
            return <div key={index}>{item}</div>;
          }
        })}
      </div>
    );
  }
}

export default App;