Javascript ReactJS语义ui加载程序：如何切换活动

我有以下加载程序（

active

被注释，因为默认情况下不能看到加载程序）：

我想在此函数完成之前显示加载程序：

const lessonID = await ARSaveLesson(lesson, sectionsToDB);

---

谢谢。

您需要设置活动状态并将其作为道具传递，以使加载程序处于活动或非活动状态

const DefaultLoader = (props) => (
  <Segment>
    <Dimmer
        active = {props.active}
        page={true}>
      <Loader />
    </Dimmer>
  </Segment>
)

并将此状态传递给

DefaultLoader

<DefaultLoader active={this.state.active} />

要使其处于非活动状态，请执行此操作

this.setState({active:false})

state = {active:false}

<DefaultLoader active={this.state.active} />

this.setState({active:true})

this.setState({active:false})