一、父文件
<SectionProduct
nickName={nickName}
goods={goods}
handleClickSection={this.productDetail}
handleGoBack={this.goBack.bind(this)}
/>
goBack = (e) => {
alert(e)
}
二、子组件
export default class SectionProduct extends Component {
static options = {
addGlobalClass: true //可以在子组件外调节组件样式
}
static defaultProps = {
nickName: '',
goods: [],
handleClickSection: null,
handleGoBack: null
}
constructor(props) {
super(props)
this.state = {
isShow : props.visible
}
}
handleClickSection = () => {
this.props.handleClickSection()
}
handleGoBack = () => {
this.props.handleGoBack(e)
}
render() {
let {nickName, goods} = this.props;
return (
<View>
<Image className='back-button' src={BackButton} mode='widthFix' onClick={this.handleGoBack}/>
<View className='content'>
<View className='product-wrap' onClick={this.handleClickSection}></View>
</View>
</View>
)
}
}
