如何访问语义-ui-react组件中的状态？

import { Button } from 'semantic-ui-react';

import React, { Component } from 'react';
import { Button } from 'semantic-ui-react';

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

  render() {
    return (
      <Button onClick={this.handleClick}>Click me</Button>
    );
  }
}

render() {
  const { isClicked } = this.state;

  return (
    <div>
      {isClicked ? 'Button is clicked' : 'Button is not clicked'}
      <Button onClick={this.handleClick}>Click me</Button>
    </div>
  );
}

handleClick = () => {
  this.setState({ isClicked: true });
}