Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何调用子组件可组合lambda

如何调用子组件可组合lambda
EN

Stack Overflow用户
提问于 2020-11-24 11:39:19
回答 1查看 190关注 0票数 2
代码语言:javascript
运行
AI代码解释
复制
@Composable
fun Root() {
    Scaffold(
            floatingActionButton = {
                FloatingActionButton(onClick = {}) {
                    Icon(Icons.Filled.Favorite)
                }
            }
    ) {
        Child()
    }
}

@Composable
fun Child() {
    var textField1 by remember { mutableStateOf("") }
    TextField(value = textField1, onValueChange = {textField1 = it})

    val validateAndMakeNetworkRequest = {

    }
}

在没有状态提升的情况下,如何从浮动操作按钮调用validateAndMakeNetworkRequest?上面的代码只是一个例子,Child composable可能非常深入

EN

回答 1

Stack Overflow用户

发布于 2020-12-04 17:07:01

在Jetpack Compose中,我们并没有真正调用funcions,有一个gradle插件使用了一些魔术来简化我们的代码,但是,实际发生的是我们对运行时说“嘿,这是我想调用的函数”,运行时尽可能多次地调用它来组成屏幕。

很容易注意到,如果你在一个可组合函数中输出一个Log.d("some", "thing"),应用程序可能会多次记录它,即使我们什么都不做。

我知道你说“没有状态提升”,但这不是声明式的工作方式。您需要一个存储在状态中的布尔值和一个使用它的"if“,无论是否调用composable。

在网络请求的情况下,你可以将它分离在一个普通的函数中,并在你的FloatingActionButton onClick内部调用它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64985708

复制
相关文章
vue子组件调用父组件方法
强迫学习的东西是不会保存在心里的。——《柏拉图论教育》 首先我们在子组件中这样定义 <template> <div> <el-button @click="callSuper">123</el-button> </div> </template> <script> export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } } }; </script> 这里的组件就只有一个el-
阿超
2022/08/16
2.1K0
vue子组件调用父组件方法
vue父组件调用子组件方法
抱怨身处黑暗,不如提灯前行。——刘同 首先是官方文档 这里使用ref属性去访问子元素 <hello-world ref="helloWorld" msg="Hello World"></hello-world> 然后打印一下 console.log(this.$refs.helloWorld); 可以看到成功获取到 再到子组件定义一个方法: 父组件访问: 效果:
阿超
2022/08/17
1.8K0
vue父组件调用子组件方法
vue父组件调用子组件方法
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
多凡
2019/11/01
2.6K0
vue子组件调用父组件函数_vue子组件修改父组件值
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/10
1.8K0
vue父组件调用子组件属性_vue子组件获取父组件实例
但是在vue3中,很显然使用this.$emit() 已经开始报错了,为什么会报错呢?
全栈程序员站长
2022/11/10
2.1K0
vue 父组件调用子组件_react父组件向子组件传值
1.直接在子组件中通过“this.$parent.event”来调用父组件的方法。
全栈程序员站长
2022/11/15
1.9K0
Vue父组件调用子组件事件
Vue父组件向子组件传递事件/调用事件 不是传递数据(props)哦,适用于 Vue 2.0 方法一:子组件监听父组件发送的方法 方法二:父组件调用子组件方法 子组件: export default { mounted: function () { this.$nextTick(function () { this.$on('childMethod', function () { console.log('监听成功') })
大鹅
2021/06/11
7490
vue 父组件调用子组件的函数_vue子组件触发父组件方法
项目里将element-ui的el-upload写成公共组件方便调用,官方的before-upload方法用于处理上传前要做的事,如:比较文件大小,限制文件类型等,通过返回true 或 false 控制是否上传。 当该组件调用父组件方法,并且要能获取到父组件方法的返回值,如何实现?
全栈程序员站长
2022/11/10
3.1K0
React父组件调用子组件的方法
React组件化开发中子组件可以通过传递变量或者父组件的方法来实现和父组件的通信或者调用函数传值,但是父组件如何调用子组件的方法呢?很多介绍Hooks的文章并没有讲到useImperativeHandle,我以使用React18+TypeScript开发的项目为例,组件使用Hooks。以下是我精简过后的代码。
用户6256742
2022/07/06
5.8K0
Vue子组件调用父组件的方法
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
多凡
2019/11/01
2.2K0
vue 父组件调用子组件的方法_vue子组件修改父组件值
我们都知道通过$ref可以获取到某个DOM,但是它也可以用来获取子组件的实例,调用子组件的方法
全栈程序员站长
2022/11/09
2.1K0
父组件调用子组件方法并传入值
# 父组件调用子组件方法并传入值 通过ref引用调用子组件内的方法并传入参数 父组件: <子组件标签 ref="refName"></子组件标签> methods: { fnX(x) { this.$refs.refName.fnY(x) // 调用子组件方法并传入值 } } 子组件: methods: { fnY(x) { this.x = x } } }
小小杰啊
2022/12/21
1.2K0
vue子组件传值给父组件_子组件调用父组件中的方法
大家好,又见面了,我是你们的朋友全栈君。 参考视频 : https://www.bilibili.com/video/av32790541/?spm_id_from=trigger_reload 原
全栈程序员站长
2022/10/04
4.3K0
vue子组件传值给父组件_子组件调用父组件中的方法
【Vue】子组件调用父组件的方法——案例
陶然同学
2023/10/14
2430
vue 调用子组件方法失败_Vue子组件调用父组件的方法及常见问题「建议收藏」
大家好,又见面了,我是你们的朋友全栈君。 1.子组件内不允许直接修改父组件传过来的参数。 错误实例: 子组件代码 直接对data参数进行修改,则会提示错误。 vue.runtime.esm.js?
全栈程序员站长
2022/11/11
2.2K0
vue父组件调用子组件方法返回值_vue子组件修改父组件值
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/09
1.5K0
React技巧之调用子组件函数
原文链接:https://bobbyhadz.com/blog/react-call-function-in-child-component[1]
chuckQu
2022/08/19
2K0
React技巧之调用子组件函数
React :(类、函数)子组件调用父组件的方法
子组件中使用传过来的cancelCreateFile【this.props.cancelCreateFile】,就可以在子组件中调用
江一铭
2022/09/23
5.4K0
React :(类、函数)子组件调用父组件的方法
Vue子组件调用父组件的方法「建议收藏」
第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法
全栈程序员站长
2022/11/15
1.7K0
Vuejs中父组件主动调用子组件的方法
我们都知道,vue是单向流,但是有时候我们需要在父组件中主动通知子组件一些信息,使其做出一些响应变化,那么如何在父组件中去主动调用子组件的方法呢?Vue当然给我们提供了方法,如下:
飞奔去旅行
2019/06/13
5.1K0

相似问题

可组合Ractive组件

10

Aws Lambda不调用子Lambda函数

14

如何从父组件调用子组件函数?

118

如何从父组件调用子组件setState

462

如何从父组件调用子组件方法

311
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档