如何使用fabric ui创建密码输入?

时间:2017-07-18 21:32:55

标签: reactjs typescript office-ui-fabric

在fabric ui中有一个TextField输入,但是我还没有找到为登录表单创建密码字段的方法。

编辑:

我尝试使用'类型'属性,但我收到错误。

Property 'type' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<TextField> & Readonly<{ children?: ReactNode; }>

这些是来自package.json的相关包:

"office-ui-fabric-react": "^4.21.4",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"typescript": "^2.4.2"

这个问题似乎与我的相似:https://github.com/OfficeDev/office-ui-fabric-react/issues/2203 - 我尝试降级到TypeScript 2.2.2但是如果我这样做,我会从node_modules文件夹中收到大量错误。

更新:问题现已解决。已更新的软件包已不再存在。

2 个答案:

答案 0 :(得分:2)

你试过了吗?

<TextField defaultValue='foo' name='bar' type='password' />

请参阅此问题:https://github.com/OfficeDev/office-ui-fabric-react/issues/1127

这个问题:https://github.com/OfficeDev/office-ui-fabric-react/issues/574

更新我的问题在github上的回复:

Go to my issue

micahgodbolt:

这似乎是前一段时间修复的。我没有遇到任何麻烦:

<TextField type='password' label='Default TextField'  />

得到这个:

image provided by the user micahgodbolt on the issue

如果它是打字稿问题,我们会使用最新版本的TS来解决一些错误。确保您已更新到最新版本的Fabric。 I.E.它与文本字段和类型密码无关。

答案 1 :(得分:1)

设置type="password"

<TextField type="password" />

另见TextField type="password" · Issue #490 · OfficeDev/office-ui-fabric-react · GitHub