![](/img/trans.png)
[英]React: How to get values from Material-UI TextField components
[英]Atlassian React Components - TextField Not Accepted
我正在嘗試在我的應用程序中實現Atlassian React Components 。
但是TextField的行為不像普通的輸入文本字段。
提交表單並在控制台中發出警告時沒有轉發價值
警告:style.input正在更改要控制的文本類型的不受控制的輸入。 輸入元素不應從不受控制切換為受控制(反之亦然)。 確定在組件的使用壽命期間使用受控或不受控制的輸入元素。
import React, { Component } from 'react';
import { login, resetPassword } from '../helpers/auth';
import TextField from '@atlaskit/field-text';
function setErrorMsg(error) {
return {
loginMessage: error
}
}
export default class Login extends Component {
state = { loginMessage: null }
handleSubmit = (e) => {
e.preventDefault()
login(this.email.value, this.pw.value)
.catch((error) => {
//catch errors
})
}
render () {
return (
<form onSubmit={this.handleSubmit}>
<div className="form-group">
<label>Email</label>
//THIS TEXTFIELD IS MAKING ISSUE
<TextField autoFocus ref={(email) => this.email = email} placeholder="Email" label="" />
</div>
<div className="form-group">
<label>Password</label>
<input type="password" className="form-control" placeholder="Password" ref={(pw) => this.pw = pw} />
</div>
<button type="submit" className="btn btn-primary">Login</button>
</form>
)
}
}
我只是面對這個問題。 為了解決這個問題,您只需要在您的<TextField>
添加prop value=""
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.