0
点赞
收藏
分享

微信扫一扫

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>

 

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。


作者:​​晚来南风晚相识​​​

举报

相关推荐

React 组件的 state 和 setState

0 条评论