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 //可以在子組件外調節(jié)組件樣式
    }
    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>
        )
    }
}
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容