【React工作记录一】简单的React父向子组件传值props

简介: 【React工作记录一】简单的React父向子组件传值props


前言

我是歌谣 我有个兄弟 巅峰的时候排名总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

问题描述

后端在开发的过程中 以一个接口的返回值作为下一个接口的参数 这边就需要对数据进行一个处理

解决思路

父子传值 props 父传子 一切需求源于项目实践 然后高于实践 目标是将父组件的值传向子组件

绑定值

<child geyao={geyao}></child>

获取值

this.props.geyao

总结

父子组件传值就是通过props进行一个传值 在当前页面存入state 然后通过绑定值

在组件上 进而this.props进行取值 则问题可解

         

相关文章
|
2月前
|
前端开发 JavaScript
react学习(13)props
react学习(13)props
|
3月前
|
前端开发
React函数式组件props的使用(六)
【8月更文挑战第14天】React函数式组件props的使用(六)
57 1
React函数式组件props的使用(六)
|
2月前
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式,包括props和state的使用,以及如何在React组件中使用style样式。
33 0
|
1月前
|
前端开发
|
2月前
|
前端开发
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
本文介绍了在React项目中如何添加路径别名alias以简化模块引入路径,设置组件props的默认值,以及如何二次封装Ant Design的Modal组件。文章还提供了具体的代码示例,包括配置Webpack的alias、设置defaultProps以及封装Modal组件的步骤和方法。
69 1
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
|
1月前
|
前端开发 JavaScript CDN
React Props
10月更文挑战第8天
12 0
|
2月前
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props
|
2月前
|
前端开发
react学习(14)类式组件的构造器与props
react学习(14)类式组件的构造器与props
|
2月前
|
前端开发 JavaScript
React 中的 props 属性传递技巧
【9月更文挑战第6天】本文详细介绍了React中`props`的基本用法,包括传递基本数据类型、对象和数组。文章通过多个代码示例展示了如何正确使用`props`,并探讨了常见的问题及解决方法,如`props`不可变性、默认值设置及类型检查等。正确掌握这些技巧有助于提升编程效率,编写出更健壮的代码。
65 13
|
3月前
|
前端开发 JavaScript
React类组件props的使用(五)
【8月更文挑战第14天】React类组件props的使用(五)
48 1
React类组件props的使用(五)