Atlassian React组件-不接受TextField

Question

我正在尝试在我的应用程序中实现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>
    )
  }
}

Answer 1

我只是面对这个问题。 为了解决这个问题，您只需要在您的<TextField>添加prop value=""