在Clerk的文档中,它展示了如何使用外观属性访问输入字段,如下所示
<SignIn
appearance={{
elements: {
formFieldInput: 'bg-zinc-300/30'
}
}}/>
但我试图改变输入字段的默认值是一个用户名的一个项目,我的建设模拟帐户
我尝试在formFieldInput下添加一个占位符对象,如下所示
<SignIn
appearance={{
elements: {
formFieldInput: {
placeholder: 'test'
}
}
}}/>
它不提供任何错误,但在呈现的组件上也没有任何结果。类似地,我尝试以这种方式调整值,以及像这样
<SignIn
appearance={{
elements: {
formFieldInput: placeholder: 'test'
}
}}/>
和
<SignIn
value='demo'
appearance={{
elements: {
formFieldInput: placeholder: 'test'
}
}}/>
显示一个Parsing error:“,”应该是。如果我用逗号替换这个字符串,它就找不到名字“placeholder”。
我可以通过DOM来更改这些值,方法是检查并选择输入元素,然后将占位符或值属性设置为任何字符串,但我不确定如何从组件本身进行更改。
1条答案
按热度按时间dgjrabp21#
登录接受初始值,您也可以使用