05 React修改值使用setState,获取值this.state.xxx
React 获取 修改 this 05 xxx State setState
2023-09-27 14:22:20 时间
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>
相关文章
- vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结
- React中路由传参及接收参数的方式
- react 生命周期函数
- react-native 极光推送(jpush-react-native)
- react-navigation + react-native-vector-icons
- react 获取 input 的值
- 实战build-react(一)
- react开发组件并发包到npm
- react入门学习及总结
- 浅析Vue CompositionAPI和React Hooks对比:hook的意义、两者差别(原理-链表/Proxy、代码执行-每次渲染都执行/组件创建时运行、声明响应式状态、如何跟踪依赖、生命周期、自定义hook、Ref获取元素、计算属性附加函数、Context和provide/inject、在渲染上下文中暴露值)
- React.js 开发常见问题
- React.js 的 Web 应用场景有哪些
- react 获取token