如何通过单击另一个功能组件(另一个文件)中的按钮来切换div元素的类？

要通过单击另一个功能组件中的按钮来切换div元素的类，可以使用以下步骤：

在目标功能组件的文件中，首先引入React和相关的依赖库。
在组件的render方法中，定义一个div元素，并给它一个初始的类名。
在组件的state中定义一个布尔类型的变量，用于表示div元素的类名是否需要切换。
在组件的render方法中，根据state中的变量来动态设置div元素的类名。可以使用条件语句，如if-else或三元运算符。
在组件的render方法中，定义一个按钮元素，并给它一个点击事件的处理函数。
在点击事件的处理函数中，通过调用this.setState方法来改变state中的变量，从而实现div元素类名的切换。

以下是一个示例代码：

import React, { Component } from 'react';

class AnotherComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isDivActive: false
    };
  }

  handleButtonClick = () => {
    this.setState(prevState => ({
      isDivActive: !prevState.isDivActive
    }));
  }

  render() {
    const { isDivActive } = this.state;
    const divClassName = isDivActive ? 'active' : 'inactive';

    return (
      <div>
        <button onClick={this.handleButtonClick}>切换div元素的类</button>
        <div className={divClassName}>这是一个div元素</div>
      </div>
    );
  }
}

export default AnotherComponent;

在上述示例代码中，点击按钮会触发handleButtonClick函数，该函数通过调用setState方法来改变state中的isDivActive变量。根据isDivActive的值，div元素的类名会动态地切换为'active'或'inactive'，从而改变其样式或行为。

注意：上述示例代码是基于React框架的，前端开发中常用的框架之一。如果你熟悉其他前端框架，可以根据相应框架的语法和特性进行实现。