如何在react中自动启动引导模式

import React, { Component } from 'react';

class GuidedTour extends Component {
  constructor(props) {
    super(props);
    this.state = {
      step: 1,
      completed: false
    };
  }

  componentDidMount() {
    const completed = localStorage.getItem('guidedTourCompleted');
    if (completed) {
      this.setState({ completed: true });
    }
  }

  handleNextStep = () => {
    const { step } = this.state;
    if (step < 3) {
      this.setState({ step: step + 1 });
    } else {
      this.setState({ completed: true });
      localStorage.setItem('guidedTourCompleted', true);
    }
  }

  render() {
    const { step, completed } = this.state;

    if (completed) {
      return <div>引导模式已完成</div>;
    }

    return (
      <div>
        <h1>引导模式 - 步骤 {step}</h1>
        <p>这是引导模式的第 {step} 步。</p>
        <button onClick={this.handleNextStep}>下一步</button>
      </div>
    );
  }
}

export default GuidedTour;