Taro学习笔记_写子组件并传参

子组件文件位置/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 default Son;

父组件文件位置/src/pages/index/index.jsx
import { useState } from 'react'
import { View } from '@tarojs/components'
import './index.less'
// 引入子组件
import Son from './son.jsx'

function Index() {
return (
		<View>
			<Son por={ userName }/>
		</View>
	)
}

export default Index;