如何在 ReactJS 中使用 setState 更新对象？

我们可以使用 setState() 方法更新 React 中的对象。 React 中的每个组件都从其基本组件名称 Component 继承 setState() 方法。 setState() 方法告诉 React 我们正在更新状态，然后它会找出状态的哪一部分发生了变化，并据此将 DOM 与虚拟 DOM 同步。

我们在 setState() 方法中传递一个对象作为参数。该对象的属性将与我们在状态对象中的属性合并，或者如果它们已经存在则覆盖这些属性。

创建反应应用程序：

第 1 步：使用以下命令创建一个 React 应用程序：

npx create-react-app foldername

第 2 步：创建项目文件夹（即文件夹名称）后，使用以下命令移动到该文件夹：

cd foldername

项目结构：它将如下所示。

项目结构

应用程序.js

Javascript

import React, { Component } from "react";
class App extends Component {
  
  // Object with one property count
  state = {
    count: 0
  };
  
  // Method to update the object
  handleIncrement = () => {
    // Updating the object with setState() method
    // by passing the object and it will override
    // the value of count property
    this.setState({ count: this.state.count + 1 })
  }
  
  render() {
    return (
      

        
{this.state.count}
        
        Increment 
      
    );
  }
}
  
export default App;

运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：

npm start

输出：单击增量按钮以增加计数值。

上述代码的输出