小程序开发--Taro 组件间传值

代码如下

import { View, Text } from '@tarojs/components'
function Child(props){
    return ( 
        <View><Text>{props.userName}</Text></View>
    )
}
export default Child

完成一个子组件。再其他地方引用。

import Child from './child.jsx'

注: 这个Child要跟child.jsx中的fucntion的名称一样，否则在小程序中会有问题。

import Taro, {  useState } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import Child from './child.jsx'
import './index.less'

function Index(){

const [userName ,setUserName] = useState('Hello World!!!!')

return ( 
    <View>
        <Text>{userName}</Text>
        <Child userName={userName}></Child>
    </View>
)

}

export default Index

完成父子组件的传值，在工作中已经可以解决大部分问题了。