react无状态组件怎么修改全局变量？

React中的无状态组件（Stateless Functional Component，简称SFC）本身并不直接操作全局变量，因为它们是纯函数，接收props并返回jsx。如果需要修改全局变量，通常应该将这个变量放在React应用的状态管理库（如Redux、Context API或useState hooks）中。

例如，使用Redux，你可以创建一个store来保存全局状态，然后在需要的地方通过`connect`高阶组件从store中读取和更新变量：

import { connect } from 'react-redux';
import { setGlobalVariable } from './actions'; // 假设有个action用于改变全局变量

const MyComponent = ({ globalVar }) => {
  return <div>{globalVar}</div>;
};

const mapStateToProps = state => ({
  globalVar: state.globalVariable,
});

const mapDispatchToProps = dispatch => ({
  changeGlobalVar(newValue) {
    dispatch(setGlobalVariable(newValue));
  },
});

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);

在这个例子中，当调用`changeGlobalVar`，会触发相应的Redux action，从而更新全局状态，而MyComponent将会自动接收到新的值。