05 React修改值使用setState,获取值this.state.xxx

简介: 05 React修改值使用setState,获取值this.state.xxx

14===》


修改state中的值 不能够直接修改


    state = {
        num: 10
    }


如 this.state.num+=12; 不能够直接修改  错误  


 通过 this.setState({
      num:this.state.num+12
  })


15==> 获取state中的值  


ps==>当你进入一个组件时  不能够使用下面这一种方式


import {StaTest} from "./components/StaTest" 报错


应该为import StaTest from "./components/StaTest" 一个组件引入不加{}大括号


import React, { Component } from "react"; 
 export default class StaTest extends Component {
    state={
        nun:1
    }
    render(){
        return <div>
            {/* 获取state中的值 */}
            {this.state.nun}
        </div>
    }
  }
import StaTest from "./components/StaTest"
  {/* 使用 */}
  <StaTest></StaTest>


相关文章
|
18天前
|
前端开发
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步还是异步?
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步还是异步?
|
7月前
|
前端开发 JavaScript
React 中 setState 什么时候是同步的,什么时候是异步的
React 中 setState 什么时候是同步的,什么时候是异步的
71 0
|
9月前
|
前端开发 JavaScript
react的setState是异步还是同步
react的setState是异步还是同步
|
1月前
|
前端开发
说说React中setState和replaceState的区别?
在 React 中,setState()和 replaceState()是用于更新组件状态的两个方法。它们之间有一些区别
24 0
|
1月前
|
前端开发 算法
React中的setState执行机制?
React中的setState执行机制?
|
1月前
|
前端开发
React中setState方法详细讲解
React中setState方法详细讲解
|
1月前
|
前端开发 JavaScript 算法
react中的setState的执行机制
react中的setState的执行机制
27 0
|
1月前
|
前端开发
【React学习】—SetState的使用(九)
【React学习】—SetState的使用(九)
|
7月前
|
前端开发 JavaScript 数据管理
react数据管理之setState与Props
react数据管理之setState与Props
51 0
|
8月前
|
前端开发
React-组件-setState
React-组件-setState
30 0