React基础之脚手架(二)- props与state

本文聚焦React中的props和state概念。首先介绍了如何通过this.props在子组件中获取父组件传递的值,提到了两种方式:直接使用和通过rccp快捷键自动生成组件模板。接着,文章阐述了在React脚手架中定义和操作state的方法,包括使用{}声明state,以及通过onClick事件结合setState方法更新state的值。
摘要由CSDN通过智能技术生成
脚手架 - props与state
麒麒(小姐姐哦)来啦!!!今天的内容是`脚手架使用之props与state`
代码是看不会的!!!~~~ 一定要动手呦!
如果对你有帮助 就支持下我呦!♥
Props使用
  • 方式一
    子组件直接使用this.props获取值
    ----- News.js(新建子组件News,其中text为父组件的传值)

    import React, {
          Component } from 'react'
    export default class News extends Component {
         
        render() {
         
            return (
                <div>
                    news --- {
         this.props.text}
                </div>
            )
        }
    }
    

    ----- 父组件,传值为text

    import React, {
          Component } from 'react'</
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值