第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何修復(fù)“對(duì)象作為 React 子對(duì)象無(wú)效(找到:帶有鍵 {} 的對(duì)象)”

如何修復(fù)“對(duì)象作為 React 子對(duì)象無(wú)效(找到:帶有鍵 {} 的對(duì)象)”

慕妹3146593 2021-08-20 17:25:56
我正在構(gòu)建一個(gè)使用 React、Express、Sequalize 和 mySQL 的全棧網(wǎng)站。到目前為止,它具有注冊(cè)和登錄等功能,但是當(dāng)我嘗試添加錯(cuò)誤處理時(shí),它失敗了。我收到以下錯(cuò)誤消息:Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.    in div (at Login.js:46)    in form (at Login.js:44)    in div (at Login.js:43)    in div (at Login.js:42)    in div (at Login.js:41)    in Login (created by Route)    in Route (at App.js:26)    in Switch (at App.js:23)    in div (at App.js:22)    in div (at App.js:15)    in Router (created by BrowserRouter)    in BrowserRouter (at App.js:14)    in App (at src/index.js:7)當(dāng)我添加此代碼{this.state.errenter code hereors}以顯示諸如“找不到用戶”之類的錯(cuò)誤消息時(shí)。import React, { Component } from "react";import { login } from "./UserFunctions";class Login extends Component {  constructor() {    super();    this.state = {      email: "",      password: "",      errors: {}    };    this.onChange = this.onChange.bind(this);    this.onSubmit = this.onSubmit.bind(this);  }  onChange(e) {    this.setState({ [e.target.name]: e.target.value });  }  onSubmit(e) {    e.preventDefault();    const user = {      email: this.state.email,      password: this.state.password    };    login(user, (res, err) => {      if (res) {        this.props.history.push(`/`);      } else {        this.setState({          errors: err        });      }    });  }  render() {    return (      <div className="container">        <div className="row">          <div className="col-md-6 mt-5 mx-auto">            <form noValidate onSubmit={this.onSubmit}>              <h1 className="h3 mb-3 font-weight-normal">Please sign in</h1>              <div className="alert alert-danger" role="alert">                {this.state.errors}              </div>              <div className="form-group">                <label htmlFor="email">Email address</label>                <input                  type="email"                  className="form-control"    );  }}export default Login;感謝有關(guān)如何解決此問(wèn)題的任何指導(dǎo)。
查看完整描述

2 回答

?
慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

為什么會(huì)出現(xiàn)此錯(cuò)誤?


因?yàn)槟趫?zhí)行{this.state.errors}.


如何解決?


首先,您需要提供login函數(shù)正在做什么以及是什么err。


您可能只想獲取錯(cuò)誤字符串,但它err是一個(gè)對(duì)象。


正如您在錯(cuò)誤消息中看到的那樣


對(duì)象作為 React 子對(duì)象無(wú)效(找到:帶有鍵 {} 的對(duì)象)


這意味著這err是一個(gè)空對(duì)象。這可以在你聲明它的狀態(tài)中看到


this.state = {

    email: "",

    password: "",

    errors: {} // declaring it as an object

};

您應(yīng)該將錯(cuò)誤聲明為字符串


this.state = {

    email: "",

    password: "",

    errors: "" // declaring it as a string

};

或者,這取決于是什么err的的login功能,它應(yīng)該包含一些字符串來(lái)呈現(xiàn)。


查看完整回答
反對(duì) 回復(fù) 2021-08-20
?
千巷貓影

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

err對(duì)象很可能是 的一個(gè)實(shí)例,Error如果是這種情況,它將包含一個(gè)message屬性。

所以,這應(yīng)該是你想要顯示的 { this.state.errors.message }


查看完整回答
反對(duì) 回復(fù) 2021-08-20
  • 2 回答
  • 0 關(guān)注
  • 336 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)