Taro: props的属性

Taro: props的属性

　　父组件给子组件进行传值：

　　一般情况我们需要给在子组件中进行引用相关的一些信息，比如component等，

　　里面引入会有一个

　　import React from "react"; 　　import Taro ，{Component} from "@tarojs/taro"; 　　这样的话会引起页面中的一个报错，报错的地方就是Super expression must either be null or a function 　　解决的方案就是　　import React,{Component} from "react"; 　 import Taro from "@tarojs/taro"; 　　子组件：　　　一般数据的引用： 　　　1.相关信息引入　　　　import React,{Component} from "react"; 　　　 import Taro from "@tarojs/taro"; 　　　　import{ View,Text} from "@tarojs/components"; 　　　2.在子组件中　　　　class Child extends Component { 　　　　render() { 　　　　return( 　　　　　　　　我是子组件child:{this.props.username}; 　　　　　　　　) 　　　　} 　　　　} 　　　　export default Child; 　　　　在父组件中：　　　　1.先引入相关的子组件　　　　import xxx from "xxxxxx" 　　　　2. 　　　　注释：在父组件中传递的值，使用username,在子组件中需要使用this,props.username来进行接收，需要保持username的一致

　　　　引用数据类型：　　　　父组件child ，子组件children 　　　　在父组件中：　　　　1.引入子组件　　　　　import children from "路径" 　　　　2.　state={ 　　　　　　　　text:{username:"rocky"}
　　　　　　} 　　　　　3.runder函数中　　　　　　　　　　　　　在子组件中：　　　　　　1.声明变量进行数据获取　　　　　　　　let {text} = this.props 　　　　　　2,在render函数中　　　　　　　{text.username} 　　　　　　即可获取成功

　　默认组件传值，暂代没有值的传递（默认属性，如果如组件没有传递属性给子组件），可以使用　　　　在子组件中进行设置： 　　　　children.defaultProps={ 　　　　　　text:{username:"121232323"} 　　　　}
　　　　　　　父组件的写法则是：　　　　如果父组件有给子组件进行传值，那么就会覆盖掉默认传值

TaroJs taro父组件传值 taro父组件传值子组件 taro父子组件传值 taro中props使用 taro:props

Taro: props的属性

相关

标签