收到非布尔属性“closable”的“false”

Question

我有这个代码

import { Modal } from "antd";
import styled from "styled-components";

export const StANTModal = styled(Modal)`
  & .ant-modal-content {
    border-radius: 20px;
    overflow: hidden;
  }
`;

并像这样使用

 <StANTModal
      visible={showModal}
      footer={false}
      closable={false}
      onCancel={() => setShowModal(false)}
      transitionName="ant-move-down"
      maskTransitionName="ant-move-down"
      width={600}
    >
    // not related code
  </StANTModal>

我有这个日志

warning :react-dom.development.js:67 Warning: Received `false` for a non-boolean attribute `visible`.

If you want to write it to the DOM, pass a string instead: visible="false" or visible={value.toString()}.

If you used to conditionally omit it with visible={condition && value}, pass visible={condition ? value : undefined} instead.

它工作得很好，但我不想在我的控制台中看到这个日志。

我正在使用 React with Typescript 和 ant design。

Answer 1

这个问题来自antd库

收到非布尔属性“closable”的“false”

Received `false` for a non-boolean attribute `closable`

javascript

typescript

reactjs

styled-components

antd