小编afk*_*tja的帖子

我的父组件，基本上是一个表单，有一个子组件，一个带有加载程序的覆盖层，它只需要根据父组件的状态显示。

import React from 'react';
import Overlay from './overlay';

export default class RegisterForm extends React.Component {
  constructor {
    this.state = {
      loading: false
    };
  }
  handleSubmit(){
    this.state.loading = true;
    ...
  }

  render(){
    return(
    <form onSubmit={() => this.handleSubmit()}>
     ...
     <Overlay />
    </form>
    );
  }
}

我怎样才能做到这一点？

我试过了，React.cloneElement(<Overlay />, {})但我不知道如何将这个孩子重新附加到父母身上，据我所知，这不是 React 的做事方式......

我还尝试根据父对象设置propob ，例如但似乎无法使其正常工作...OverlaystateReact.cloneElement(<Overlay />, { visible = this.state.loading })