React Scriptloader创建酶状态问题

import React from 'react';
import Script from 'react-script-loader-hoc';
import { mount } from 'enzyme';

class MyComponent extends React.Component {
  state = {
    scriptLoaded: false,
  };

  handleScriptLoad = () => {
    this.setState({ scriptLoaded: true });
  };

  componentDidMount() {
    // 在组件挂载后加载脚本
    this.props.scriptLoader.load('externalScript.js', this.handleScriptLoad);
  }

  render() {
    return (
      <div>
        {this.state.scriptLoaded ? '脚本已加载' : '脚本加载中...'}
      </div>
    );
  }
}

const MyComponentWithScript = Script()(MyComponent);

describe('MyComponent', () => {
  it('should render with script loaded', () => {
    const wrapper = mount(<MyComponentWithScript />);
    expect(wrapper.text()).toEqual('脚本已加载');
  });
});