首先封装好组件，例如<Upload/>，给他写个属性，比如路径，<Upload src = {获取到的路径（变量）}/>，然后在子组件里，export default function Proportion({url}){
log(url)
}
这个打印的url就是你传过来的值
react父子组件传值
2023-07-17
59
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
react父子组件传值
目录
相关文章
|
6月前
|
前端开发
API
|
6月前
|
资源调度
前端开发
JavaScript
|
2月前
|
存储
前端开发
JavaScript
|
4月前
|
前端开发
JavaScript
开发者
react18【系列实用教程】组件 （2024最新版 | 含父子组件传值、兄弟组件传值、越层组件传值、“插槽“）
react18【系列实用教程】组件 （2024最新版 | 含父子组件传值、兄弟组件传值、越层组件传值、“插槽“）
68
2
2
|
6月前
|
前端开发
JavaScript
开发者
|
6月前
|
存储
前端开发
中间件
|
6月前
|
前端开发
JavaScript
API
|
6月前
|
存储
前端开发
JavaScript
|
6月前
|
前端开发
应用服务中间件
数据库
|
6月前
|
前端开发
JavaScript
热门文章
最新文章
1
React-Native 爬坑
2
react-native-easy-app 详解与使用之（三） View，Text，Image，Flatlist
3
一段探索React自建内部构造的旅程
4
React 2|学习笔记
5
react-06-class组件-基础
6
React + MobX 快速上手1
7
React环境创建
8
【译】React团队的技术准则
9
react项目实战学习笔记-学习19-下拉菜单
10
照着官方文档学习react
1
React 项目用过什么脚手架（本题是开放性题目）
55
2
React中的DOM diff算法是如何工作的
54
3
react中JSX的详解
64
4
react中的useEffect的使用
51
5
写出易维护的代码｜React开发的设计模式及原则
110
6
【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
106
7
【TypeScript技术专栏】TypeScript与React的完美结合
101
8
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
240
9
【亮剑】在Web开发中，React提供了丰富的交互机制，onChange事件是处理用户输入变化非常常用的一个手段。
69
10
【亮剑】在React中如何通过点击事件控制组件显示与隐藏，包括基础概念和高级应用
605