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(

            　　　　<View>

               　　　　 我是子组件child:{this.props.username};

            　　　　</View>

        　　　　)

    　　　　}

　　　　}

　　　　export default Child;

 

　　　　在父组件中：

　　　　1.先引入相关的子组件

　　　　import xxx from  "xxxxxx"

　　　　2.<xxx username={“”信息“”}></xxx>

　　　　注释：在父组件中传递的值，使用username,在子组件中需要使用this,props.username来进行接收，需要保持username的一致

---

　　　　引用数据类型：

　　　　 父组件child ，子组件children

　　　　在父组件中：

　　　　1.引入子组件

　　　　　import children from "路径"

　　　　2.　state={

　　　　　　　　text:{username:"rocky"}

　　　　　　}

　　　　　3.runder函数中

　　　　　　　　<children  text ="{this.state.text}"></children>

 

　　　　　在子组件中：

　　　　　　1.声明变量进行数据获取

　　　　　　  　　let {text}  =  this.props

　　　　　　2,在render函数中

　　　　　　　{text.username}

　　　　　　即可获取成功

---

　　默认组件传值，暂代没有值的传递（默认属性，如果如组件没有传递属性给子组件），可以使用

　　　　在子组件中进行设置：

　　　　children.defaultProps={

　　　　　　text:{username:"121232323"}

　　　　}

　　

　　　　　父组件的写法则是：<children></children>

 

　　　　如果父组件有给子组件进行传值，那么就会覆盖掉默认传值