css - materializeCSS 标签无法与 React 一起正常工作

Question

签名容器内的代码看起来像这样

开始在文本字段中输入后，标签没有移动或隐藏

 <div className="container">
            <form className="while" onSubmit={this.onSubmit}>
                <h5 className="grey-text text-darken-3"> Sign In</h5>
                <div className="input-field">
                    <label htmlFor="email">Email</label>
                    <input type="email" id="email" onChange={this.onChange} />
                </div>
                <div className="input-field">
                    <label htmlFor="password">Password</label>
                    <input type="password" id="password" onChange={this.onChange} />
                </div>
                <div className="input-field">
                    <button className="btn pink lighten-1 z-depth-0">Login</button>
                </div>
            </form>

        </div>

标签： cssreactjslabelfrontendmaterialize

Answer 1

根据文档，确保标签出现在输入之后。

https://materializecss.com/text-inputs.html