如何在不将组件连接到redux存储的情况下从组件调用操作？

import React from 'react';

const MyContext = React.createContext();

export default MyContext;

import React from 'react';
import MyContext from './MyContext';

class MyProvider extends React.Component {
  state = {
    data: 'Hello World',
    updateData: this.updateData,
  };

  updateData = (newData) => {
    this.setState({ data: newData });
  };

  render() {
    return (
      <MyContext.Provider value={this.state}>
        {this.props.children}
      </MyContext.Provider>
    );
  }
}

export default MyProvider;

import React from 'react';
import MyContext from './MyContext';

class MyComponent extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {(context) => (
          <div>
            <p>{context.data}</p>
            <button onClick={() => context.updateData('New Data')}>
              Update Data
            </button>
          </div>
        )}
      </MyContext.Consumer>
    );
  }
}

export default MyComponent;