react父子组件传值

简介: react父子组件传值

首先封装好组件,例如<Upload/>,给他写个属性,比如路径,<Upload src = {获取到的路径(变量)}/>,然后在子组件里,export default function Proportion({url}){

log(url)

}

这个打印的url就是你传过来的值

相关文章
|
5月前
|
前端开发 API
react怎么实现父子组件传值?
react怎么实现父子组件传值?
28 1
|
5月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
105 0
|
20天前
|
存储 前端开发 JavaScript
React非父子组件之间的事件传递
本文介绍了在React中非父子组件之间如何通过事件总线(eventBus)实现事件传递。
25 0
|
3月前
|
前端开发 JavaScript 开发者
react18【系列实用教程】组件 (2024最新版 | 含父子组件传值、兄弟组件传值、越层组件传值、“插槽“)
react18【系列实用教程】组件 (2024最新版 | 含父子组件传值、兄弟组件传值、越层组件传值、“插槽“)
49 2
|
5月前
|
前端开发 JavaScript 开发者
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(二)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
70 0
|
5月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
45 1
|
5月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
106 1
|
5月前
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
|
5月前
|
前端开发 应用服务中间件 数据库
react服务端组件
react服务端组件
47 0
|
5月前
|
前端开发 JavaScript
快速上手React:从概述到组件与事件处理
快速上手React:从概述到组件与事件处理