reactjs - React-Admin - 向 TextField 添加显示/隐藏属性？

Question

我是反应新手。我有一个“显示”页面区域，例如：

export default (props) => (
<Show title={<Title/>}{...props}>
    <TabbedShowLayout>
      <Tab label="Details">
        <TextField source="id" label="ID"/>
      </Tab>
    </TabbedShowLayout>
  </Show>

在那个 TextField 上，是否可以导入和使用与PasswordMask基本相同的效果来在 TextField 上获得该功能？我看到一堆关于构建自定义东西的教程，但我在这里寻找最好的 OOTB 方法。我意识到我的一些 React 行话可能不正确，对于有经验的框架用户来说，这个问题可能看起来很荒谬。

标签： reactjsreact-admin

Answer 1

假设您的<TextField>组件是由您使用<input>html 标签实现的<textarea>，您可以使用 TextField 组件的状态来切换<input type="text"...到 <input type="password"...例如<input type={this.state.showPassword ? 'text' : password'}...