javascript - 如何改变ReactJS中的状态?

标签 javascript reactjs

我正在尝试更改状态,但不起作用。

这是我在 App.js 中的状态:

class App extends React.Component {    
state = {
    one: [
      {
    id: 1,
    sum: "400",
      }
    ],
    two: {
      title: "test",
      number: "0",
    }
  };

这是我的功能:

Change = (value) => {
    this.setState({ number: "300" });

但是数字没有改变。 我也尝试过:

Change = (value) => {
    this.setState({ two.number: "300" });

但这也不起作用。 有人可以帮助我吗?

最佳答案

this.setState(prevState => ({ 
  two: { 
    ...prevState.two, 
    number: "300" 
  } 
}));

关于javascript - 如何改变ReactJS中的状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57999444/

相关文章:

javascript - 在 React 中重置组件的状态

javascript - react native 文本颜色不起作用

javascript - 如何解决 'Redirect has been blocked by CORS policy: No ' Access-Control-Allow-Origin' header'?

reactjs - 如何将来自 createApi 的查询结果存储在切片中?

JavaScript:将对象数组转换为泛型中的 HashMap

javascript - 对于具有多个 "alphabetic orders"的语言,如何确定浏览器支持 Intl.Collat​​or 的排序规则变体?

reactjs - Semantic-ui-react:如何在没有点击/悬停的情况下触发弹出窗口?

javascript - 模块构建失败 : ReferenceError: [BABEL] Unknown option: base. 阶段

javascript - 按钮 onClick 阻止焦点在另一个表单字段上?

javascript - 我可以以平台中立的方式查询无 URL 栏移动 Safari 窗口高度吗?