Question

我有一些代码，可将数据通过React组件从表单传递到后端。后端对其进行处理并发送响应。但是我在代码中看到了const关键字，这很困惑。

axios{
  .post('/api/users/register', newUser)
  .then(res => console.log(res.data))
  .catch(err => this.setState({ errors: err.response.data }));

}

render() {
    const { errors } = this.state;
     <div className="form-group">
              <input
                type="text"
                className={classnames('form-control form-control-lg', {
                  'is-invalid': errors.name
                })}
                placeholder="Name"
                name="name"
                value={this.state.name}
                onChange={this.onChange}
      />

您可以假定该代码有效。但是，为什么这样定义const {errors}，以及为什么它可以从后端is-invalid': errors.name访问错误列表。

谢谢。

Answer 1

这称为对象分解。与在各处键入const {errors} = this.state;相比，errors是在本地状态下访问this.state.errors键的一种更干净的方法。因此，现在当您需要使用errors时，您可以将其传递到这样的地方

const {errors} = this.state;

<YourComponent
  errors={errors}
/>

我对react中的const关键字感到困惑

1 个答案: