如何在_.flatMap循环中添加条件，并使用reacJS将其附加到className中？

import _ from 'lodash';
import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.data = [
      { name: 'John', age: 25 },
      { name: 'Jane', age: 30 },
      { name: 'Alex', age: 35 }
    ];
  }

  render() {
    return (
      <div>
        // TODO: 在这里添加你的_.flatMap循环和条件判断，并将条件结果附加到className中
      </div>
    );
  }
}

export default MyComponent;

render() {
  return (
    <div>
      {_.flatMap(this.data, (item) => {
        if (item.age > 30) {
          return (
            <div key={item.name} className="conditional-class">
              {item.name}
            </div>
          );
        } else {
          return (
            <div key={item.name}>
              {item.name}
            </div>
          );
        }
      })}
    </div>
  );
}