小编blu*_*eal的帖子

我正在尝试使用 react-hook-form 库来验证表单。当我使用 ant design 或 material UI 渲染视图时，它无法正常工作。

<Input name="firstName" ref={register({ required: true })} />
  {errors.firstName && 'First name is required'}

发生了一些警告："Missing name at.....".

Antd 附带了一个很好的表格组件，但我在文档中找不到有关如何配置表格“密度”的任何内容，即表格行的默认高度，也许还有字体大小。

默认情况下，表格具有空间布局：

我有一个用例，需要更小/更密集的行（想想典型的电子表格程序（如 Excel）中的密度）。

我是 Antd 的新手，我不知道从哪里开始。我需要定制 Antd 的 CSS 吗？实现它的正确机制是什么，在单元格或行级别配置高度，或者更确切地说弄乱填充？我选择 Antd 是因为我希望这样的事情不需要太多 CSS 知识，我是否错过了什么？

在过去的 5-7 个小时里，我一直在搜索 SO 和其他 android 博客以消除一个错误，但未能解决。在 Android Studio 中，我导入了一个旧的 eclipse 项目，但错误“清单合并失败”仍然存在

Error:Execution failed for task ':app:processDebugManifest'.
> Manifest merger failed : uses-sdk:minSdkVersion 1 cannot be smaller than version 14 declared in library [com.google.android.gms:play-services:11.0.4] C:\Users\.android\build-cache\857c11d37cd8661c3d52cb060657f8bf3635bb7a\output\AndroidManifest.xml
    Suggestion: use tools:overrideLibrary="com.google.android.gms.play_services" to force usage

当我检查在 build.gradle 中提到 minSdkVersion 时，我在 1m 30s 253ms 内完成了Gradle 构建并出现了 227 个错误，一些错误是：

    Z:\#1 ready\others\UVPlayermasterpart1\HoppingBird\app\build\intermediates\res\merged\debug\values-ldltr-v21\values-ldltr-v21.xml
    Z:\#1 ready\others\UVPlayermasterpart1\HoppingBird\app\build\intermediates\res\merged\debug\values-v21\values-v21.xml
Error:(17) Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Inverse'.
Error:(19) Error retrieving parent …

我要自定义antd Select。当用户单击Selectantd时，Option应显示在antd上方，Select而不是显示在Select

antd Select：https：//ant.design/components/select/

预期的行为：1个

实际行为：2

JSX

import { FaPlane, FaWater } from "react-icons/fa";

//outside of class
const shipmentType = {
  sea: [
    { name: "FCL", desc: "FULL CONTAINER LOAD" },
    { name: "LCL", desc: "LESS CONTAINER LOAD" }
  ],
  air: [{ name: "AIR", desc: "AIR DELIVERY" }]
};


//inside of class

render(){
       return(
              <Select
              className="container-dropdown"
              onChange={this.onSelectChange}
              defaultValue={
                  <DisplayContainer data={shipmentType.sea[0]} />
              }
              key={ shipmentType.sea[0]}
            >
              <Option value={shipmentType.sea[0].name}> …

我想将自定义样式设置为 antd DatePicker 但它不起作用。一些造型工作和一些没有。

JSX

 <div >
        <DatePicker
          defaultValue={moment(date ? date : new Date(), dateFormat)}
          defaultPickerValue={moment(date ? date : new Date(), dateFormat)}
          format={dateFormat}
          onChange={this.handleDateChange}
          allowClear={false}
          style={{
            height: "53px",
            width: "155px",
            border: "1px solid blue",
            borderRadius: "0px",
            cursor: "pointer",
            fontSize: "17px",
            margin: "0px",
            padding: "0px"
          }}
        />
      </div>

预期行为：

实际行为：

它目前缩小了高度。我不要这个。

我希望日期选择器采用全宽和全高。另外，如何在 antd 日期选择器中删除默认边框样式？可以删除那个日历图标吗？

我会很感激你的回复。谢谢你。

我有这个表单，我想根据其他已修复字段（它们从不隐藏）的值来显示或隐藏字段，但form.getFieldValue("some-field")始终使用 return undefined。

这是一个最小的功能示例，展示了我遇到的问题：

我对 antd 做错了什么以及如何实现我的用例？