相关疑难解决方法(0)

与文本反应材质UI标签重叠

我在React应用程序中使用Material UI并尝试实现一个实体更新页面。在这种情况下,我们需要设置实体的退出值,以允许用户更新它们。现有值已使用输入字段的defaultValue属性设置:

<div className="input-field">
   <input type="text" name="name" ref="name" defaultValue={this.state.name} />
   <label htmlFor="name" >Name</label>
</div>
Run Code Online (Sandbox Code Playgroud)

通过这种方法,预期的功能可以正常工作。但是,所有文本字段的标签都与其值重叠。请看下面的截图:

在此处输入图片说明

如果单击每个字段,标签将按预期方式向上移动。但是,在页面加载时,标签不会向上移动。我尝试将输入字段的value属性与onChange()事件处理程序一起使用,但遇到了相同的问题。真的,感谢您对此的想法。

可以在以下位置找到此应用程序的完整源代码:https : //github.com/imesh/react-examples/tree/master/meetups/meetups-web-client

可以在以下位置找到此特定页面:https : //github.com/imesh/react-examples/blob/master/meetups/meetups-web-client/src/components/UpdateMeetup.js

Github问题:https : //github.com/Dogfalo/materialize/issues/5995

reactjs material-ui

9
推荐指数
5
解决办法
2983
查看次数

标签 统计

material-ui ×1

reactjs ×1