我对shadn的<FormLabel>有问题.当字段有错误/需要时,如何防止它显示红色(实际上它会自动添加text-destructive). 我只想让<FormMessage/>改变 colored颜色 .

<FormField
    control={form.control}
    name="name"
    render={({ field }) => (
        <FormItem>
            <FormLabel>Project Name</FormLabel>
            <FormControl>
                <Input placeholder="Enter project name" {...field} />
            </FormControl>
            <FormMessage />
        </FormItem>
    )}
/>

推荐答案

您需要对由shadnn收件箱构建的FormLabel组件(在form.jsx文件中)进行一些更改

New FormLabel:

const FormLabel = React.forwardRef<
  React.ElementRef<typeof LabelPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
>(({ className, ...props }, ref) => {
  const { formItemId } = useFormField()
 
  return (
    <Label
      ref={ref}
      className={className}
      htmlFor={formItemId}
      {...props}
    />
  )
})

Reactjs相关问答推荐

在Redux工具包查询中,是否可以将标记应用到API切片内的所有端点?

在Next.js中实现动态更改的服务器组件

如何在重新图表中更改悬停时的条形填充 colored颜色 ?

如何在MUI X数据网格列中显示IMG?

FireBase未与Reaction应用程序连接

获取未捕获的错误:Gatsby生产版本上的最小化react 错误#418

Mantine DatePickerInput呈现错误

如何使用.Aggregate从多个集合中获取数据,包括使用Mongoose+NextJS的SUM值

useRef 不关注模态

useEffect内部的RETURN语句在首次按钮点击事件中似乎无效的原因是什么?

React中的功能性组件克隆优化

Recharts 笛卡尔网格 - 垂直线和水平线的不同样式

Primereact 的日历组件在每个月 12 日之后使用非唯一键生成

页面不显示

如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据?

如何从其他组件访问 useQuery refetch 方法?

如何根据数据库中的值设置单选按钮选中? - react

当父组件重新渲染时做出react ,我失go 了子状态.我错过了什么?

React 似乎在触发另一个组件时重新渲染了错误的组件

react / firebase 基地.如何在我的项目中保存更新的数据?