我寫了我的代碼,我認為一切都正確,但我從react.js 收到錯誤錯誤:超出最大更新深度。當組件在 componentWillUpdate 或 componentDidUpdate 中重復調用 setState 時,可能會發生這種情況。React 限制嵌套更新的數量以防止無限循環。應用程序.js: import React, { Component } from 'react';import Navbar from "./component/Navbar";import './App.css';import Users from './component/Users';class App extends Component { state = { users: [ { id: 1, name: "Jessie Alby", salary: "5000", department: "Software" }, { id: 2, name: "John Tyson", salary: "10000", department: "Engineer" }, { id: 3, name: "Billie Ashley", salary: "6000", department: "Doctor" } ] } deleteUser =(id) => { this.setState({ users: this.state.users.filter(user => id !== user.id) }) } render(){ return ( <div className="container"> <Navbar title='User App2'/> <hr/> <Users deleteUser={this.deleteUser()} users={this.state.users}/> </div> );}}export default App;用戶.jsimport React, { Component } from 'react';import User from "./User";import PropTypes from 'prop-types';class Users extends Component { render() { const {users,deleteUser} = this.props; return ( <div> { users.map(user=>{ return( <User key={user.id} id={user.id} name={user.name} salary={user.salary} department={user.department} deleteUser={deleteUser} /> ) }) } </div> ) }}Users.propTypes = { users: PropTypes.array.isRequired, deleteUser: PropTypes.func.isRequired}export default Users;
我收到 React 錯誤:超出最大更新深度
qq_笑_17
2023-08-10 14:35:18