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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 ReactJS 的基于類的組件中使用兩個組件

在 ReactJS 的基于類的組件中使用兩個組件

瀟瀟雨雨 2022-12-09 14:00:19
我正在嘗試使用兩個基于類的組件<Cities>和<Hospital>另一個組件。我收到一個錯誤:-超過最大更新深度。當組件在 componentWillUpdate 或 componentDidUpdate 中重復調(diào)用 setState 時,就會發(fā)生這種情況。React 限制嵌套更新的數(shù)量以防止無限循環(huán)。我正在嘗試創(chuàng)建 4 個按鈕,這些按鈕將顯示那些帶有單擊按鈕的城市的醫(yī)院。import React,{ Component } from 'react';import Hospital from './hospital/hospital'import Cities from '../sidebarcomp/cities'class Hospitals extends Component {state = {    hospitals: [      { id: 1, status: false, name: 'Apollo Hospital', city: 'Chennai', bedtype1: 500, bedtype2: 800, bedtype3: 1300,bed1av: 60, bed2av: 40, bed3av: 20, },      { id: 2, status:false, name: 'Fortis Hospital', city: 'New Delhi', bedtype1: 600, bedtype2: 1000, bedtype3: 1400, bed1av: 60, bed2av: 40, bed3av: 20,  },      { id: 3, status: true, name: 'Tata Memorial Hospital', city: 'Mumbai', bedtype1: 400, bedtype2: 800, bedtype3: 1200, bed1av: 60, bed2av: 40, bed3av: 20,  },      { id: 4, status: true,name: 'Lilavati Hospital', city: 'Pune', bedtype1: 500, bedtype2: 900, bedtype3: 1300, bed1av: 60, bed2av: 40, bed3av: 20,  }    ],};render() {    return(      <React.Fragment>        <Cities         hospitals={this.state.hospitals}        />         {this.state.hospitals.map((hospital, index) => {        if(hospital.status){        return (        <Hospital          name={hospital.name}          bed1av={hospital.bed1av}          bed2av={hospital.bed2av}          bed3av={hospital.bed3av}          key={hospital.id}        />      )};        })}        </React.Fragment>    )}}export default Hospitals;
查看完整描述

3 回答

?
UYOU

TA貢獻1878條經(jīng)驗 獲得超4個贊

問題是您正在調(diào)用組件setState內(nèi)部的函數(shù)Cities。


您應該做的是將nameChangedHandler作為道具傳遞給城市組件,以便它更新父組件(醫(yī)院)的狀態(tài)


class Hospitals extends Component {

    nameChangeHandler = (id) => {

        ....

    }

    ...

    <Cities nameChangedHandler={this.nameChangedHandler}/> 


在 Cities.js 中


class Cities extends Component {

   // remove nameChangeHandlerFunction


   render(){

    return(

      <div>

        <button onClick={this.props.nameChangedHandler(1)}>Chennai</button>

        <button onClick={this.props.nameChangedHandler(3)}>Mumbai</button>

        <button onClick={this.props.nameChangedHandler(4)}>Pune</button>

        <button onClick={this.props.nameChangedHandler(2)}>New Delhi</button>

      </div>

      )

    }


查看完整回答
反對 回復 2022-12-09
?
天涯盡頭無女友

TA貢獻1831條經(jīng)驗 獲得超9個贊

您必須使用如下處理程序:

nameChangedHandler?=?(id)?=>?()?=>?{


查看完整回答
反對 回復 2022-12-09
?
一只斗牛犬

TA貢獻1784條經(jīng)驗 獲得超2個贊

我想這可能是因為你在渲染中有 console.log 這樣的。如果你真的需要它,我建議你把它放在回報中。



查看完整回答
反對 回復 2022-12-09
  • 3 回答
  • 0 關(guān)注
  • 189 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

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