Question

您知道此错误吗？我在以下行visible = {this.state.visible}

处收到ESlint错误

它说：“必须使用解构状态分配”

它使用：“ eslint-config-airbnb”

提前谢谢

False

Answer 1

您只需要从状态中破坏值即可，而不必像this.state.visible那样使用它。像这样使用状态值

  render() {
   //Destructure value from state
   const { visible } = this.state

    return (
      <div>
        <Button type="primary" onClick={this.showModal}>
          Modal Card
        </Button>
        <Modal
          visible={visible}
          onCancel={this.handleCancel}
          footer={null}
          className="custom-modal-v1"
          centered
        >
          Text
        </Modal>
      </div>
    )
  }

希望这会有所帮助！

Answer 2

将渲染功能更改为此，然后直接访问可见。这是es6破坏，您可以在其中提取键作为具有相同名称的变量。阅读更多here

      render() {
          const { visible } = this.state; // destructing visible form state
          return (
              <div>
                  <Button type="primary" onClick={this.showModal}>
                      Modal Card
                  </Button>
                  <Modal
                      visible={visible}
                      onCancel={this.handleCancel}
                      footer={null}
                      className="custom-modal-v1"
                      centered
                  >
                      Text
                  </Modal>
              </div>
         )
     }

错误：必须使用解构状态分配

2 个答案: