Question

我不确定我在这里做错了什么。

class Login extends Component {

    render() {
        const username = "me@domain.com  ";
        console.log(username)
        const password = this.refs.password;
        const creds = {
            username: username.value.trim(),
            password: password.value.trim()
        };
        const errorMessage  = this.props;

        return ( ... ) } }

控制台显示“me@domain.com”但它在username: username.value.trim()

上出错了

  11 | console.log(username)
  12 | const password = this.refs.password;
  13 | const creds = {
> 14 |     username: username.value.trim(),
  15 |     password: password.value.trim()
  16 | };
  17 | const errorMessage  = this.props;

Answer 1

username.value.trim()

username本身就是一个String，你不需要从中获取价值。只是修剪。

const creds = {
        username: username.trim(),
        password: password.value.trim()
    };

Answer 2

username不是object，而是字符串字符串，因此您可以编写

const username = "me@domain.com  ";
const creds = {
        username: username.trim(),
        password: password.trim()
    };

此外，您不应该使用string refs，因为它们已被弃用。

react - TypeError：无法读取未定义的属性'trim'

2 个答案: