代码如下

import { View, Text } from ‘@tarojs/components’ function Child(props){ return ( {props.userName} ) } 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

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