Taro踩坑记：往子组件传函数，需要以on开头

最新推荐文章于 2024-07-31 20:36:26 发布
最新推荐文章于 2024-07-31 20:36:26 发布
阅读量4.1k 收藏
点赞数
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peade/article/details/88759839
版权

在Taro的书写规范中，对于JSX的规范里，有这么一条

子组件传入函数时属性名需要以 on 开头

如果不是以on开头，那么在子组件上的参数上，赋值上函数，依然是传不进去的。最后是null值。

 

peade
关注
专栏目录
Taro学习笔记_写子组件并传参
kyyius的博客
07-04 195
子组件文件位置/src/pages/index/son.jsx // 这里这是演示，要规范子组件的位置哦 import { View, Text } from '@tarojs/components' function Son(props) { return ( <View> <Text>Im son get father value props: { props.por }</Text> </View> ) } export defau
微信小程序之RequestTask.onHeadersReceived 302的时候无法监听
weixin_41012767的博客
03-05 4019
用get不能正确解析location post可以 对于302状态微信小程序没有很好的解决办法，请求大概率会返回200，在服务器用python做完之后，返回最终地址，是一个不错的解决方案 a开头的是返回302，其他的是200状态 302状态会有个Response Headers 里会有个location的成员。就是跳转的最终地址 http状态码解释 3xx （重定向） 重定向代码，也是常见的代码 300（多种选择）针对请求，服务器可执行多种操作。 服务器可根据请...
使用Taro自带的Swiper和SwiperItem，为什么有元素，却没显示呢
最新发布
weixin_43517190的博客
07-31 356
问：使用Taro自带的Swiper和SwiperItem，为什么有元素，却没显示呢？在app中，Swiper和SwiperItem一定要给固定的宽度和高度。注意：在小程序中， Swiper一定要设置宽度。
react类组件里面使用props
huanhuan03的博客
01-17 1401
react类组件 props react类组件里面面使用props
Taro SwipeAction无效，解决办法
weixin_45842655的博客
03-03 1081
Taro SwipeAction无效，解决办法
Taro请求问题
weixin_33736832的博客
12-03 5316
2019独角兽企业重金招聘Python工程师标准>>> ...
taro-list:Taro 列表滚动组件
04-16
taro-list 支持下拉刷新 、 加载更多 、虚拟列表 安装及使用 npm i taro-list 小程序 demo 配置文件里添加 copy: { patterns: [ { from: 'node_modules/taro-list/dist/weapp/components/List/refresh.wxs', to...
taro-skeleton:基于Taro的一个骨架屏组件，简单易用
05-06
基于 Taro 的一个简单易用的骨架屏组件 2.0版本以上支持 Taro3.0 支持多端平台使用 微信小程序 h5 百度小程序 头条小程序 支付宝小程序 其它平台未测试 快速上手 引入组件 import Skeleton from 'taro-skeleton' ...
taro_component:基于taro创建的小程序组件
05-29
开发者需要熟悉ES6+的语法特性，如箭头函数、解构赋值、模板字符串等，以便更好地理解并使用这些组件。 在压缩包"taro_component-master"中，我们可以期待找到以下内容： 1. `src`目录：存放组件源代码，每个组件...
taro-inject-component-loader:为 Taro React 小程序注入全局组件
05-21
Taro React 小程序注入全局组件 缘由 众所周知，小程序中不能定义全局组件，如果我们想自定义一个 modal 弹窗，来替代 wx.showModal 的话，则需要在每个页面手动的引入组件。随着项目越来越大，手动引入组件无疑是...
vertify-app:taro手机验证码组件，和taro虚拟数字键盘组件0.1版
03-18
【标题】：“vertify-app：Taro手机验证码组件与虚拟数字键盘组件0.1版”是针对Taro框架开发的一款轻量级UI组件库，专为移动应用的验证码输入和数字键盘交互提供解决方案。 【描述】：vertify-app组件库包含两个...
Taro-AtSwipeAction使用（坑）
lsk222的博客
06-29 833
Taro 使用AtSwipeAction 的坑
taro - 组件自定义事件方法传递
何浩翔的博客
03-29 3145
父组件 Paylist 直接上代码，就不分析了。 import Taro, { Component } from '@tarojs/taro' import { View } from '@tarojs/components' import { AtNavBar } from 'taro-ui' import Clist from '../../components/pay/paylist/C...
Taro父子组件通信
weixin_30756499的博客
01-24 1722
父组件 testEvent = () =>{ console.log('abc123') } <Test test={1231323} onTestEvent={this.testEvent}></Test> 子组件 abc(){ this.props.onTestEvent();　　con...
taro 踩坑笔记
pspxuan的博客
06-20 637
最近使用 react 的多端开发框架 taro 时踩了很多坑，记录一下 1. 只使用 class 选择器， 使用伪类时在小程序端无法生效 2. 使用 CSS 实现 多行文本溢出显示省略号 时，发现 外部样式表中的某些样式会被忽略掉，导致一直无法生效 解决方法 ：直接添加行内样式即可 3. 使用图片时，不可以直接使用，必须将图片 import 入 文件后才可以使用。 import phoneIcon from '../../../public/images/phone.png' 4. 组件中定义 add.
Taro框架---仿微信左滑动删除
青红造了个大白之成长记
04-01 1392
1、index.js import React, { Component } from 'react' import { ScrollView , View} from '@tarojs/components' import Taro from '@tarojs/taro' import './index.less' export default class Index extends Component { state = { animation: '', startX: 0,
taro框架的缺陷以及注意事项
热门推荐
gwdgwd123的博客
12-02 4万+
https://www.jianshu.com/p/9d3318f7f219 1.不要使用 eval() 2. 禁止使用 Object 构造器 let config = new Object() // ✗ 错误   3. 不使用 Generator 函数语法 使用 Promise 或者 async functions 来实现异步编程 function* helloWo...
React + Taro ui 实现左滑删除
追风筝的博客
06-17 1611
React的基础上使用Taro UI组件实现左滑删除 家人们，先看看效果图吧 1.好家伙，直接上代码了 // 1.首先得引入一下组件 AtSwipeAction import { AtSwipeAction } from "taro-ui"; // 2.HTML代码 {list.map((item, index) => ( <AtSwipeAction key={item.id} onOpened={this.handle
react父组件调用子组件的方法 父子组件传值
羽公子的博客
02-28 6159
注意点写在上边比较醒目 方法必须写成箭头函数，不然this的指向会出问题。 （不用箭头函数的话要用this.fn.bind(this)修正this的指向） 父组件向子组件传值/方法比较简单，都是在属性中传然后在子组件中props获取。 子组件向父组件传值是通过事件进行传值。 父组件向子组件传值 //父组件中 import React, { Component } from "react"; i...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值