Taro 类组件

一、父文件

<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>
        )
    }
}