亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React Native 調用回調函數

React Native 調用回調函數

繁花如伊 2023-04-27 17:21:13
我的自定義組件上有一個函數,它基本上是一個回調,用于從調用它的地方重新呈現(this.setState())組件。我正在為這些調用的正確語法而苦苦掙扎。你能幫忙嗎?自定義組件export class LanguageSelector extends Component {afterChange(callback: any){    callback();}導入 LanguageSelector 的其他組件:<LanguageSelector afterChange={() => { this.setState({}) }} ></LanguageSelector>語言選擇器    import React, { Component } from 'react';import {    View,} from 'react-native';import { TouchableOpacity } from 'react-native';import Flag from 'react-native-flags';import { Global } from '../global'import PropTypes from 'prop-types';export class LanguageSelector extends Component {    afterChange(callback: any) {        callback();    }    changeLang(lang: string) {        Global.localizedStrings.setLanguage(lang);        //this.setState({});    }    render() {        return (            <View style={{ paddingBottom: 10, flexDirection: "row", alignSelf: "flex-end" }}>                <TouchableOpacity onPress={() => this.changeLang('de')}>                    <Flag code="DE" size={32} />                </TouchableOpacity>                <TouchableOpacity onPress={() => this.changeLang('en-US')}>                    <Flag code="GB" size={32} />                </TouchableOpacity>            </View>        )    }}
查看完整描述

1 回答

?
翻過高山走不出你

TA貢獻1875條經驗 獲得超3個贊

抱歉,您以為您使用的是 Typescript,您有這個選項,或者直接在您想要的地方使用 this.props.afterChange()。


interface LanguageSelectorProps{

   afterChange: () => void;

}

export class LanguageSelector extends Component<LanguageSelectorProps> {


     constructor(props) {

      super(props);

      this.afterChange = this.afterChange.bind(this);

    }


    afterChange() {

        this.props.afterChange(); // callback ,use whatever you want 

    }


    changeLang(lang: string) {

        Global.localizedStrings.setLanguage(lang);

        //this.setState({});

    }


    render() {

        return (


            <View style={{ paddingBottom: 10, flexDirection: "row", alignSelf: "flex-end" }}>

                <TouchableOpacity onPress={() => this.changeLang('de')}>

                    <Flag code="DE" size={32} />

                </TouchableOpacity>

                <TouchableOpacity onPress={() => {

                    this.changeLang('de')

                    this.afterChange(); 

                 }>

                    <Flag code="GB" size={32} />

                </TouchableOpacity>

            </View>


        )

    }


查看完整回答
反對 回復 2023-04-27
  • 1 回答
  • 0 關注
  • 219 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號