Reactjs 在setState中将多个函数作为回调传递

我有一个react应用程序，其中我使用一个处理程序来设置一些输入表单的状态

<div class="form-group has-danger">


 <label class="form-control-label" for="inputDanger1">Username</label>
  <input type="text" name="username" value={this.state.username} onChange={this.onChange} className={this.state.isUsernameCorrect ? "form-control is-valid" :"form-control is-invalid"} id="inputInvalid" />
  {this.state.isUsernameCorrect ? <div class="valid-feedback">Username is acceptable!</div> :
  <div class="invalid-feedback">Please enter a valid username</div> }
</div>

<div class="form-group has-danger">
  <label class="form-control-label" for="inputDanger1">Password</label>
  <input type="password" name="password" value={this.state.password} onChange={this.onChange} className={this.state.isUsernameCorrect ? "form-control is-valid" :"form-control is-invalid"} id="inputInvalid" />
  {this.state.isPasswordCorrect ? <div class="valid-feedback">password is acceptable!</div> :
  <div class="invalid-feedback">Please enter a valid password</div> }
</div>

我想传递两个单独的函数，用正则表达式模式验证用户名和密码。此外，如果密码/用户名正确与否，它还控制显示消息的状态

---

不过，我想执行这两个函数（可能还有更多函数，用于添加更多表单数据），但setState只接受一个回调？

setState

回调只接受一个函数，但在内部，您可以传递任意多个函数

this.setState({ [name] : value },
   () => {
      this.usernameValidator(this.state.username);
      this.passwordValidator(this.state.password);
   }
);

this.setState({ [name] : value },
   () => {
      this.usernameValidator(this.state.username);
      this.passwordValidator(this.state.password);
   }
);