Javascript 在AntDesign中将样式应用于外部库组件

目前我正在使用

react-phone-input-2

我已经使用类选择器覆盖了一些样式

我现在的问题是，如何触发条件样式，使其在出错时的行为与正常的Antd输入组件类似/相同

我有下面的代码沙盒

---

我想你有两个选择：

不要导入

import“react-phone-input-2/lib/bootstrap.css”

并像这样使用您的组件。但在这种情况下，您不会看到标志下拉列表，因此您需要自己定义这种样式，或者从

react-phone-input-2/lib/bootstrap.css

使用我在上面一个例子中描述的组件，但也导入“react-phone-input-2/lib/bootstrap.css”，并尝试覆盖类似于Antd的样式

      <Form.Item
        label="Phone"
        name="mobile"
        rules={[
          {
            required: true,
            message: "Please input your mobile!"
          }
        ]}
      >
        <PhoneInput inputClass="ant-input" specialLabel={false} />
      </Form.Item>